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

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/digit2pk/public_html/royalyachtrental.com//booknow.htm
<?php session_start();
include_once 'include/db.php'; ?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="icon" type="image/x-icon" href="<?= $base_url ?>assets/img/favicon.png">
  <!-- font awesome cdn  -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
  <!-- remix icon -->
  <link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet" />
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
  <!-- bootstrap css -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
  <!-- style css -->
  <link rel="stylesheet" href="<?= $base_url ?>assets/css/style.css" />

</head>

<body>
  <!-----------------------header-start----------------------->

  <!------------------------header-end------------------------------->

  <main>
    <!------------------------banner-slider-start------------------------------->
    <section style="" class="banner-section">
      <?php include_once 'include/header.php'; ?>
      <!--<span style="position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:38px;font-weight:600;color:white;z-index:999">Yacht Party -  Royal Yacht Rental</span>-->
      <!--<video width="100%" autoplay loop muted>-->
      <!--   <source src="assets/video/yacht.mov" type="video/mp4">-->
      <!--   Your browser does not support the video tag.-->
      <!-- </video>-->
       <div class="position-relative" style="width: 100%; overflow: hidden; height: 100vh;">
              <!-- Background Image -->
              <img src="assets/img/image/booknow.png" alt="Yacht Background" class="bg-image" />
              <div class="bg-overlay"></div>
            
              <style>
                .bg-image {
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  position: absolute;
                  top: 0;
                  left: 0;
                  z-index: -2;
                }
            
                .bg-overlay {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0.5); /* Dark overlay */
                  z-index: -1;
                }
            
                @keyframes fadeIn {
                  from { opacity: 0; }
                  to { opacity: 1; }
                }
            
                @keyframes slideIn {
                  from { transform: translateX(-100%) translateY(-50%); }
                  to { transform: translateX(50px) translateY(-50%); }
                }
            
                @keyframes slideInRight {
                  from { transform: translateX(100%) translateY(-50%); }
                  to { transform: translateX(-50px) translateY(-50%); }
                }
            
                .luxury-text {
                  font-family: 'Playfair Display', serif;
                  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
                  letter-spacing: 1px;
                  animation: fadeIn 1s ease-in-out;
                }
            
                .subtitle-text {
                  font-family: 'Montserrat', sans-serif;
                  font-weight: 300;
                  letter-spacing: 0.5px;
                }
            
                .welcome-text {
                  font-family: 'Montserrat', sans-serif;
                  font-weight: 400;
                  line-height: 1.6;
                  text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                }
            
                .transparent-form {
                  background-color: rgba(255, 255, 255, 0.2);
                  backdrop-filter: blur(5px);
                  border: 1px solid rgba(255, 255, 255, 0.3);
                }
            
                @media (max-width: 992px) {
                  .position-absolute {
                    position: relative !important;
                    transform: none !important;
                    top: auto !important;
                    left: auto !important;
                    right: auto !important;
                    margin: 20px auto;
                    width: 90%;
                    animation: none !important;
                  }
            
                  .transparent-form {
                    margin-top: 20px;
                    background-color: rgba(0, 0, 0, 0.6) !important;
                  }
                }
            
                .form-control::placeholder,
                .form-select:not(option) {
                  color: rgba(255,255,255,0.7) !important;
                }
            
                .form-control,
                .form-select {
                  color: white !important;
                }
            
                .form-control:focus,
                .form-select:focus {
                  background-color: rgba(255,255,255,0.1) !important;
                  border-color: rgba(255,255,255,0.5) !important;
                  box-shadow: 0 0 0 0.25rem rgba(255,255,255,0.1) !important;
                }
              </style>
            
              <!-- Left Content -->
              <div class="position-absolute top-50 start-0 translate-middle-y p-4" style="transform: translateX(-100%); animation: slideIn 1.5s forwards 0.5s;">
                <div style="max-width: 720px; background-color: rgba(255, 255, 255, 0.85); padding: 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.3);">
                  <h1 class="luxury-text" style="color: #13233a; font-size: 2.5rem; margin-bottom: 15px; font-style: italic;">
                    Best Yacht Services in Dubai
                  </h1>
            
                  <div class="welcome-text" style="color: #13233a; font-size: 1rem; margin-bottom: 20px;">
                    <p>Welcome to Royal Yacht Rental— where the elegance of the sea meets the pulse of Dubai’s vibrant lifestyle. Since 2011, we’ve been redefining luxury on the water, curating unforgettable experiences aboard our exquisite fleet of yachts. Whether it’s an intimate dinner cruise, an epic yacht party, or a bespoke corporate event, we turn moments into memories against the breathtaking backdrop of Dubai’s iconic skyline.</p>
                    <p style="margin-top: 10px;">With a fleet ranging from 55ft to 150ft, we offer more than just yacht rentals — we deliver floating celebrations tailored to your every desire. From gourmet catering and live DJs to themed décor, shisha, belly dancers, and five-star service, every detail is designed to impress.</p>
                  </div>
                </div>
              </div>
            
              <!-- Right Form -->
             <div class="position-absolute top-50 end-0 translate-middle-y p-4" style="transform: translateX(100%); animation: slideInRight 1.5s forwards 0.5s;">
              <div class="transparent-form" style="max-width: 500px; padding: 30px; border-radius: 10px; box-shadow: 0 8px 20px rgba(0,0,0,0.3);">
                <h3 class="text-white mb-4" style="font-family: 'Playfair Display', serif;">Book Your Luxury Experience</h3>
            
                <form>
                  <div class="mb-3">
                    <input type="text" class="form-control bg-transparent text-white" placeholder="Your Name">
                  </div>
                  <div class="mb-3">
                    <input type="email" class="form-control bg-transparent text-white" placeholder="Email Address">
                  </div>
                  <div class="mb-3">
                    <input type="tel" class="form-control bg-transparent text-white" placeholder="Phone Number">
                  </div>
                 <div class="mb-3">
                      <textarea  class="form-control bg-transparent text-white"  rows="4"   placeholder="Additional comments or special requests" style="border: 1px solid rgba(255,255,255,0.3);"></textarea>
                </div>
            
                  <div class="mb-3">
                    <input type="date" class="form-control bg-transparent text-white">
                  </div>
                  <button type="submit" class="btn btn-light w-100 py-2">Submit Request</button>
                </form>
              </div>
            </div>
            
            <style>
              /* Custom Styling for Select */
              .form-select {
                background-color: rgba(255, 255, 255, 0.1) !important; /* Transparent background */
                color: rgba(255, 255, 255, 0.8); /* Light text for contrast */
                border-radius: 5px; /* Rounded corners for consistency */
                padding: 0.5rem; /* Padding for spacing */
                border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle border */
              }
            
              .form-select option {
                background-color: rgba(255, 255, 255, 0.3); /* Transparent background for options */
                color: rgba(0, 0, 0, 0.8); /* Dark text for readability */
              }
            
              /* Focus state for select */
              .form-select:focus {
                background-color: rgba(255, 255, 255, 0.1) !important;
                border-color: rgba(255, 255, 255, 0.5);
                box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
              }
            </style>
            
            </div>


    </section>
    <!------------------------banner-slider-end------------------------------->

  <div class="bg-dark text-white py-3 overflow-hidden position-relative">
  <div class="marquee">
    <div class="marquee-track">
      <span class="marquee-text">
        From Intimate Gatherings To Grand Event &nbsp;&nbsp;&nbsp;
        Cruise The Coastline In Pure Luxury &nbsp;&nbsp;&nbsp;
        From Sunset Dinners To Epic Parties &nbsp;&nbsp;&nbsp;
        Your Yacht Your Way &nbsp;&nbsp;&nbsp;
        Romance, Celebration, Adventure &nbsp;&nbsp;&nbsp;
        All Aboard Make Every Sunset A Private Show &nbsp;&nbsp;&nbsp;
        We Bring Dreams To Deck &nbsp;&nbsp;&nbsp;
      </span>
      <span class="marquee-text">
        From Intimate Gatherings To Grand Event &nbsp;&nbsp;&nbsp;
        Cruise The Coastline In Pure Luxury &nbsp;&nbsp;&nbsp;
        From Sunset Dinners To Epic Parties &nbsp;&nbsp;&nbsp;
        Your Yacht Your Way &nbsp;&nbsp;&nbsp;
        Romance, Celebration, Adventure &nbsp;&nbsp;&nbsp;
        All Aboard Make Every Sunset A Private Show &nbsp;&nbsp;&nbsp;
        We Bring Dreams To Deck &nbsp;&nbsp;&nbsp;
      </span>
    </div>
  </div>
</div>

<style>
.marquee {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.marquee-track {
  display: flex;
  width: fit-content;
  animation: marquee-scroll 30s linear infinite;
}

.marquee-text {
  white-space: nowrap;
  font-size: 27px;
  padding-right: 4rem; /* spacing between repeated sections */
}

.marquee:hover .marquee-track {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
</style>




    <!------------------------keyword-section-start------------------------------->
    <?php
    $ssec1 = "SELECT * FROM `section` WHERE 1 LIMIT 1";
    $psec1 = mysqli_query($con, $ssec1);
    $prow1 = mysqli_fetch_assoc($psec1);
    ?>
    <?php /*
          <section class="section-padding section-bg ">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <!--<div class="keyword-img">-->
            <!--  <img src="<?= $base_url ?>admin/<?=$prow1['img']?>" alt="<?=$prow1['title1']?>" title="<?=$prow1['title1']?>" />-->
           
            <!--</div>-->
            <div class="keyword-content">
              <h2>
                <span class="pro-name-color">
            <?php
            $keyTitle1 = $prow1['title1'];
          
            $keyTitle1 = str_ireplace('noida', $cityname, $keyTitle1);
            echo $keyTitle1;
            ?>
                </span>
              </h2>
                <?php
            $keydes1 =  $prow1['des1'];
            $keydes1 = str_ireplace('noida', $cityname, $keydes1);
            echo $keydes1;
            ?>
          

              <h2>
                <span class="pro-name-color">
                     <?php
            $keyTitle2 = $prow1['title2'];
            $keyTitle2 = str_ireplace('noida', $cityname, $keyTitle2);
            echo $keyTitle2;
            ?>
                </span>
              </h2>
         
                      <?php
            $keydes2 =  $prow1['des2'];
            $keydes2 = str_ireplace('noida', $cityname, $keydes2);
            echo $keydes2;
            ?>
          
        
            </div>
          </div>
    
        </div>
      </div>
    </section>
    
        */ ?>
    <!------------------------keyword-section-end------------------------------->
    <!------------------------category-section-start------------------------------->
    <section class="section-padding pb-0">
      <div class="container">
        <div class="row">
          <!--<div class="col-12">-->
          <!--  <h2 class="section-heading-sm mb-5" style="background-color: #13233a;color: white;padding: 10px 0px;">-->
          <!--  Tailored Yacht Experiences, Unmatched Luxury-->
          <!--<span class="pro-name-color">Some Content Related to Category</span>-->
          <!--  </h2>-->
          <!--</div>-->
          <style>
            .luxury-heading {
              font-family: 'Playfair Display', serif;
              font-weight: 700;
              letter-spacing: 1px;
              text-transform: uppercase;
              position: relative;
              display: inline-block;
              padding-bottom: 15px;
            }

            .luxury-heading:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translateX(-50%);
              width: 80px;
              height: 3px;
              background: linear-gradient(90deg, #D4AF37, #F5D680);
            }
          </style>

          <div class="col-12 text-center">
            <h2 class="luxury-heading mb-5 position-relative" style="
                color: #fff; 
                padding: 30px 0;
                margin: 0;
                z-index: 1;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                font-family: 'Playfair Display', serif;
                font-weight: 700;
                letter-spacing: 1px;
              ">
              <span style="
                  position: relative;
                  display: inline-block;
                  padding: 20px 50px;
                ">
                <span style="
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: linear-gradient(135deg, #1a3a6a 0%, #0d2342 100%);
                    transform: skew(-15deg);
                    z-index: -1;
                    border-radius: 8px;
                    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
                    border: 1px solid rgba(255,255,255,0.15);
                  "></span>
                Tailored Yacht Experiences, Unmatched Luxury
              </span>
            </h2>
          </div>
          <div class="col-12">
            <div class="row">
              <?php
              $ysql = "SELECT * FROM `service` WHERE 1 LIMIT 9";
              $yres = mysqli_query($con, $ysql);
              while ($yrow = mysqli_fetch_assoc($yres)) {

              ?>
                <div class="col-md-6 col-lg-4 mb-4 mb-md-0">
                  <div class="product-box">
                    <div class="product-box-img">
                      <a href="<?= $base_url ?><?= $yrow['slug'] ?>.htm"><img src="admin/<?= $yrow['img'] ?>" alt=""
                          title="" /></a>
                    </div>
                    <h3>
                      <a href="<?= $base_url ?><?= $yrow['slug'] ?>.htm"><?= $yrow['name'] ?></a>
                    </h3>
                    <p><?= $yrow['shortdes'] ?></p>
                    <div class="action-btns">
                      <a class="openModalBtn" data-img="<?= $base_url ?>admin/<?= $prow1['img'] ?>" style="background-color: rgb(0, 0, 0);font-size:17px">Book Now</a>
                      <a href="https://wa.me/<?= $whatsapp ?>" target="_blank"><i class="ri-whatsapp-line"></i> Chat With
                        Us</a>
                    </div>
                  </div>
                </div>
              <?php } ?>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!------------------------category-section-end------------------------------->

    <!--<section class="section-padding d-none d-lg-block">-->
    <!--  <div class="container">-->
    <!--    <div class="row">-->
    <!--      <div class="col-12">-->
    <!--        <div class="home-enquiry-con">-->
    <!--          <div class="info">-->

    <!--            <p class="mb-1"> <i class="ri-phone-line"></i> Call Today</p> <a href="tel:<?= $phone ?>"><?= $phone ?></a>-->

    <!--          </div>-->
    <!--          <div class="form">-->
    <!--            <form method="post" id="other-enquiry">-->
    <!--              <div class="row">-->
    <!--                <div class="col-6">-->
    <!--                  <h4>Enquire Now -</h4>-->
    <!--                </div>-->
    <!--                <div class="col-6">-->

    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="row">-->
    <!--                <div class="col-4">-->
    <!--                  <input type="text" class="form-control" id="ename" name="ename" placeholder="Your Name" required>-->
    <!--                  <span id="ename-error" class="text-danger"></span>-->
    <!--                </div>-->
    <!--                <div class="col-4">-->
    <!--                  <input type="phone" class="form-control" id="ephone" name="ephone" placeholder="Your Phone Number" required>-->
    <!--                  <span id="ephone-error" class="text-danger"></span>-->
    <!--                </div>-->
    <!--                <div class="col-4">-->
    <!--                  <input type="date" class="form-control" id="eemail" name="eemail" required>-->
    <!--                  <span id="eemail-error" class="text-danger"></span>-->
    <!--                </div>-->
    <!--                <div class="col-4">-->
    <!--                  <input type="number" class="form-control" id="bill" name="bill" placeholder="No. Of Guests" required>-->
    <!--                </div>-->
    <!--                <div class="col-4">-->
    <!--                  <input type="text" class="form-control" id="pincode" name="pincode" placeholder="Message" required>-->
    <!--                  <span id="pincode-error" class="text-danger"></span>-->
    <!--                </div>-->
    <!--                <div class="col-4">-->
    <!--                  <input type="submit" class="form-control" value="Submit Your Enquiry" style="background-color:#F6D707">-->
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="row">-->
    <!--                <span id="other-enq-msg" class="text-success"></span>-->
    <!--              </div>-->

    <!--            </form>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</section>-->


    <section class="section-padding pt-0" id="our-fleets">
      <!--       <div class="container">-->
      <!--           <div class="pb-5 d-md-flex justify-content-end">-->
      <!--               <img src="<?= $base_url ?>assets/img/icon/google-review-icon.png" class="me-4 mb-3 mb-md-0">-->
      <!--               <img src="<?= $base_url ?>assets/img/icon/trustpilot-review.png" class="me-4 mb-3 mb-md-0">-->
      <!--               <img src="<?= $base_url ?>assets/img/icon/tripadvisor-icon.gif" class="me-4 mb-3 mb-md-0">-->
      <!--           </div>-->
      <!--           <div>-->
      <!--                 <h2 class="section-heading-sm mb-5" style="background-color: #13233a;color: white;padding: 10px 0px;">Our Fleets</h2>-->
      <!--           </div>-->
      <!--            <div class="yacht-section">-->
      <!--             <div class="row">-->
      <!--               <div class="col-lg-6">-->
      <!--                   <img src="<?= $base_url ?>assets/img/product/yacht-1.webp" width="100%">-->
      <!--               </div>-->
      <!--               <div class="col-lg-6">-->
      <!--                   <div>-->
      <!--                       <h3>Sunseeker Superyacht Experience</h3>-->
      <!--                       <p>-->
      <!--                       Experience the ultimate luxury adventure aboard our exclusive tri-deck Sunseeker superyacht. This is more than just a cruise – blending world-class hospitality, breathtaking entertainment, and exquisite gastronomy for a day and night to remember.-->
      <!--                       </p>-->
      <!--                       <ul>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Tri-deck superyacht</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Exclusively limited to 30 VIP Guests</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Live DJ & Saxophonist</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Mediterranean & Japanese Culinary</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Zen-Med Gastronomy</li>-->
      <!--                       </ul>-->
      <!--                   </div>-->
      <!--               </div>-->
      <!--              </div>-->
      <!--              <a href="contact-us.htm">Book Yacht Online Now</a>-->
      <!--           </div>-->
      <!--            <div class="yacht-section">-->
      <!--             <div class="row">-->
      <!--               <div class="col-lg-6">-->
      <!--                   <img src="<?= $base_url ?>assets/img/product/yacht-2.webp" width="100%">-->
      <!--               </div>-->
      <!--               <div class="col-lg-6">-->
      <!--                   <div>-->
      <!--                       <h3>Super Yacht Experience</h3>-->
      <!--                       <p>-->
      <!--                       A once in a lifetime experience on board a 43-meter tri-deck super yacht. Never done before Experience, this is your chance to feel like an oligarch for the day! Suitable for families, couples, and friends alike.-->
      <!--                       </p>-->
      <!--                       <ul>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Tri-deck super yacht</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> DJ live entertainment</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Gourmet cuisine & Live stations</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Red carpet departure</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Premium beverages inclusive</li>-->
      <!--                       </ul>-->
      <!--                   </div>-->
      <!--               </div>-->
      <!--              </div>-->
      <!--               <a href="contact-us.htm">Book Yacht Online Now</a>-->
      <!--           </div>-->
      <!--            <div class="yacht-section">-->
      <!--             <div class="row">-->
      <!--               <div class="col-lg-6">-->
      <!--                   <img src="<?= $base_url ?>assets/img/product/yacht-3.webp" width="100%">-->
      <!--               </div>-->
      <!--               <div class="col-lg-6">-->
      <!--                   <div>-->
      <!--                       <h3>Yacht Rental Dubai</h3>-->
      <!--                       <p>-->
      <!--                      Number 1 best yacht rental and boat rental company in Dubai.-->
      <!--Over 20 yachts to choose from. Enjoy a day out in the sea with your friends and family.-->
      <!--                       </p>-->
      <!--                       <ul>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Dedicated meet and greet assistance</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Red carpet on arrival</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Soft beverages</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Mediterranean & Japanese Culinary</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Ice & bottled drinking water</li>-->
      <!--                       </ul>-->
      <!--                   </div>-->
      <!--               </div>-->
      <!--              </div>-->
      <!--               <a href="contact-us.htm">Book Yacht Online Now</a>-->
      <!--           </div>-->
      <!--            <div class="yacht-section">-->
      <!--             <div class="row">-->
      <!--               <div class="col-lg-6">-->
      <!--                   <img src="<?= $base_url ?>assets/img/product/yacht-4.webp" width="100%">-->
      <!--               </div>-->
      <!--               <div class="col-lg-6">-->
      <!--                   <div>-->
      <!--                       <h3>Boat Rental Dubai</h3>-->
      <!--                       <p>-->
      <!--     Not looking for a yacht but still craving some sea and sun? Now enjoy scenic views in a cozy boat. Promising you a fun time with your family and friends, Xclusive Yachts now presents boat rental tours, for those who want to explore the Dubai Sea but on a boat.-->
      <!--                       </p>-->
      <!--                       <ul>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Rated No. 1 Yacht rental company in Dubai</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Largest operator in United Arab Emirates</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Experienced Captain and Crew</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Dedicated meet and greet assistance</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Red carpet on arrival</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Ice & bottled drinking water</li>-->
      <!--                       </ul>-->
      <!--                   </div>-->
      <!--               </div>-->
      <!--              </div>-->
      <!--               <a href="contact-us.htm">Book Yacht Online Now</a>-->
      <!--           </div>-->
      <!--            <div class="yacht-section">-->
      <!--             <div class="row">-->
      <!--               <div class="col-lg-6">-->
      <!--                   <img src="<?= $base_url ?>assets/img/product/yacht-5.webp" width="100%">-->
      <!--               </div>-->
      <!--               <div class="col-lg-6">-->
      <!--                   <div>-->
      <!--                       <h3>Sport Fishing Charter</h3>-->
      <!--                       <p>-->
      <!--                        The best 4-hour sportfishing charter in Dubai. Providing exceptional deep-sea fishing adventure for both trolling and bottom fishing. Departs at 6AM & 2PM daily.-->
      <!--                       </p>-->
      <!--                       <ul>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>4-Hour fishing</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Tackle & baits included</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Catch and grill'em fresh on board</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i> Chilled bottled water included</li>-->
      <!--                           <li><i class="ri-arrow-right-circle-fill"></i>Red carpet departure</li>-->
      <!--                       </ul>-->
      <!--                   </div>-->
      <!--               </div>-->
      <!--              </div>-->
      <!--               <a href="contact-us.htm">Book Yacht Online Now</a>-->
      <!--           </div>-->
      <!--       </div>-->
      <div class="container">
        <!--  <div>-->
        <!--    <h2 class="section-heading-sm mb-5" style="background-color: #13233a;color: white;padding: 10px 0px;">Our Fleets</h2>-->
        <!--</div>-->

        <style>
          .luxury-heading {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
          }

          .luxury-heading:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #D4AF37, #F5D680);
          }
        </style>

        <div class="col-12 text-center">
          <h2 class="luxury-heading mb-5 position-relative" style="
                color: #fff; 
                padding: 30px 0;
                margin: 0;
                z-index: 1;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                font-family: 'Playfair Display', serif;
                font-weight: 700;
                letter-spacing: 1px;
              ">
            <span style="
                  position: relative;
                  display: inline-block;
                  padding: 20px 50px;
                ">
              <span style="
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: linear-gradient(135deg, #1a3a6a 0%, #0d2342 100%);
                    transform: skew(-15deg);
                    z-index: -1;
                    border-radius: 8px;
                    box-shadow: 0 8px 20px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); "></span> <i>Our Fleets</i> </span>
          </h2>
        </div>
        <div class="row">

          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/1.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/2.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/3.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/4.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/5.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/6.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/7.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/8.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/9.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/10.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/11.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 mb-5">
            <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">
              <img src="<?= $base_url ?>assets/img/image/12.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">
              <div class="card-body">
                <h5 class="card-title">Yacht Experience <?= $i ?></h5>
                <p class="card-text">
                  Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.
                </p>
                <ul class="mb-4" style="list-style: none; padding-left: 0;">
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>
                  <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>
                </ul>
                <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">
                  Book Yacht Online Now
                </a>
              </div>
            </div>
          </div>

        </div>
      </div>
    </section>-->

    <!--<div class="container">-->
    <!--        <div class="row">-->

    <!--            <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/1.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/2.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/3.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/4.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/5.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/6.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/7.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/8.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/9.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/10.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/11.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--             <div class="col-lg-4 col-md-6 mb-5">-->
    <!--                <div class="card h-100 bg-dark text-white" style="border-radius: 10px; overflow: hidden;">-->
    <!--                    <img src="<?= $base_url ?>assets/img/image/12.jpg" class="card-img-top" style="height: 250px; object-fit: cover;">-->
    <!--                    <div class="card-body">-->
    <!--                        <h5 class="card-title">Yacht Experience <?= $i ?></h5>-->
    <!--                        <p class="card-text">-->
    <!--                            Discover premium luxury aboard our signature yacht number <?= $i ?> in Dubai.-->
    <!--                        </p>-->
    <!--                        <ul class="mb-4" style="list-style: none; padding-left: 0;">-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Tri-deck superyacht</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> 30 VIP Guests max</li>-->
    <!--                            <li class="mb-2"><i class="ri-arrow-right-circle-fill text-primary me-2"></i> Live DJ & gourmet menu</li>-->
    <!--                        </ul>-->
    <!--                        <a href="contact-us.htm" class="btn btn-primary w-100 py-2" style="font-weight: 600;">-->
    <!--                            Book Yacht Online Now-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->

    <!--        </div>-->
    <!--    </div>-->




    <!------------------------contact-section-start------------------------------->
    <section class="section-padding pt-0">
      <div class="container page-wrapper">
        <div class="row g-0 main-content">
          <div class="col-12 faq-section mb-4 mt-4">
            <div class="section-header">
              <!--<h3>FAQ'S</h3>-->
              <!--<p>Find answers to our most common queries.</p>-->
               <style>
          .luxury-heading {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            display: inline-block;
            padding-bottom: 15px;
          }

          .luxury-heading:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: linear-gradient(90deg, #D4AF37, #F5D680);
          }
        </style>

        <div class="col-12 text-center">
          <h2 class="luxury-heading mb-5 position-relative" style="
                color: #fff; 
                padding: 30px 0;
                margin: 0;
                z-index: 1;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
                font-family: 'Playfair Display', serif;
                font-weight: 700;
                letter-spacing: 1px;
              ">
            <span style="
                  position: relative;
                  display: inline-block;
                  padding: 20px 50px;
                ">
              <span style="
                    position: absolute;
                    content: '';
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: linear-gradient(135deg, #1a3a6a 0%, #0d2342 100%);
                    transform: skew(-15deg);
                    z-index: -1;
                    border-radius: 8px;
                    box-shadow: 0 8px 20px rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.15); "></span> <i>FAQ'S</i><p>Find answers to our most common queries.</p> </span>
          </h2>
        </div>
            </div>
            <div class="accordion" id="faqAccordion">
              <div class="row">
                <?php
                $faqsql = "SELECT * FROM `faq` WHERE 1";
                $faqresult = mysqli_query($con, $faqsql);
                while ($faqrow = mysqli_fetch_assoc($faqresult)) {
                ?>
                  <div class="col-lg-6">
                    <div class="accordion-item">
                      <h2 class="accordion-header" id="headingTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                          data-bs-target="#collapseTwo<?= $faqrow['id'] ?>">
                          <i class="fa-solid fa-circle-question"></i> <?= $faqrow['question'] ?>
                        </button>
                      </h2>
                      <div id="collapseTwo<?= $faqrow['id'] ?>" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                        <div class="accordion-body"><?= $faqrow['Answer'] ?>
                        </div>
                      </div>
                    </div>
                  </div>
                <?php } ?>
              </div>
            </div>
          </div>
              <!--<div class="col-12">-->
              <!--  <div class="row">-->
              <!--    <div class="col-lg-5">-->
              <!--      <img src="assets/img/image/evening1.jpeg" width="100%"; height="500px">-->
              <!--    </div>-->
              <!--    <div class="col-lg-7">-->
              <!--      <div class="section-header d-block d-md-none">-->
              <!--        <h3>Contact Us</h3>-->
              <!--      </div>-->
              <!--      <form id="fcontactForm" method="post" action="<?= $base_url ?>thanks.htm" class="contact-form bg-white" style="border:1px solid #bdbdbd">-->
    
              <!--        <div class="mt-3 ">-->
              <!--          <label for="name" class="form-label d-flex align-items-start me-2 mb-0" style="width: 100px;">Name <span-->
              <!--              style="color: red;">*</span></label>-->
              <!--          <div class="input-group">-->
              <!--            <span class="input-group-text"><i class="fas fa-user"></i></span>-->
              <!--            <input type="text" class="form-control my-0" name="name" id="fname" placeholder="Your Name" required />-->
              <!--          </div>-->
    
              <!--        </div>-->
              <!--        <small class="text-danger d-flex" id="errorfName"></small>-->
    
              <!--        <div class="mt-3 ">-->
              <!--          <label for="name" class="form-label d-flex align-items-start me-2 mb-0" style="width: 100px;">Phone<span-->
              <!--              style="color: red;">*</span></label>-->
              <!--          <div class="input-group">-->
              <!--            <span class="input-group-text"><i class="ri-phone-fill"></i></span>-->
              <!--            <select class="country-select me-1" id="fcountrycode" name="countrycode">-->
              <!--              <option data-countryCode="IN" value="91"> +91</option>-->
              <!--              <optgroup label="Other countries">-->
              <!--                <option data-countryCode="DZ" value="213">Algeria (+213)</option>-->
              <!--                <option data-countryCode="AD" value="376">Andorra (+376)</option>-->
              <!--                <option data-countryCode="AO" value="244">Angola (+244)</option>-->
              <!--                <option data-countryCode="AI" value="1264">Anguilla (+1264)</option>-->
              <!--                <option data-countryCode="AG" value="1268">Antigua &amp; Barbuda (+1268)</option>-->
              <!--                <option data-countryCode="AR" value="54">Argentina (+54)</option>-->
              <!--                <option data-countryCode="AM" value="374">Armenia (+374)</option>-->
              <!--                <option data-countryCode="AW" value="297">Aruba (+297)</option>-->
              <!--                <option data-countryCode="AU" value="61">Australia (+61)</option>-->
              <!--                <option data-countryCode="AT" value="43">Austria (+43)</option>-->
              <!--                <option data-countryCode="AZ" value="994">Azerbaijan (+994)</option>-->
              <!--                <option data-countryCode="BS" value="1242">Bahamas (+1242)</option>-->
              <!--                <option data-countryCode="BH" value="973">Bahrain (+973)</option>-->
              <!--                <option data-countryCode="BD" value="880">Bangladesh (+880)</option>-->
              <!--                <option data-countryCode="BB" value="1246">Barbados (+1246)</option>-->
              <!--                <option data-countryCode="BY" value="375">Belarus (+375)</option>-->
              <!--                <option data-countryCode="BE" value="32">Belgium (+32)</option>-->
              <!--                <option data-countryCode="BZ" value="501">Belize (+501)</option>-->
              <!--                <option data-countryCode="BJ" value="229">Benin (+229)</option>-->
              <!--                <option data-countryCode="BM" value="1441">Bermuda (+1441)</option>-->
              <!--                <option data-countryCode="BT" value="975">Bhutan (+975)</option>-->
              <!--                <option data-countryCode="BO" value="591">Bolivia (+591)</option>-->
              <!--                <option data-countryCode="BA" value="387">Bosnia Herzegovina (+387)</option>-->
              <!--                <option data-countryCode="BW" value="267">Botswana (+267)</option>-->
              <!--                <option data-countryCode="BR" value="55">Brazil (+55)</option>-->
              <!--                <option data-countryCode="BN" value="673">Brunei (+673)</option>-->
              <!--                <option data-countryCode="BG" value="359">Bulgaria (+359)</option>-->
              <!--                <option data-countryCode="BF" value="226">Burkina Faso (+226)</option>-->
              <!--                <option data-countryCode="BI" value="257">Burundi (+257)</option>-->
              <!--                <option data-countryCode="KH" value="855">Cambodia (+855)</option>-->
              <!--                <option data-countryCode="CM" value="237">Cameroon (+237)</option>-->
              <!--                <option data-countryCode="CA" value="1">Canada (+1)</option>-->
              <!--                <option data-countryCode="CV" value="238">Cape Verde Islands (+238)</option>-->
              <!--                <option data-countryCode="KY" value="1345">Cayman Islands (+1345)</option>-->
              <!--                <option data-countryCode="CF" value="236">Central African Republic (+236)</option>-->
              <!--                <option data-countryCode="CL" value="56">Chile (+56)</option>-->
              <!--                <option data-countryCode="CN" value="86">China (+86)</option>-->
              <!--                <option data-countryCode="CO" value="57">Colombia (+57)</option>-->
              <!--                <option data-countryCode="KM" value="269">Comoros (+269)</option>-->
              <!--                <option data-countryCode="CG" value="242">Congo (+242)</option>-->
              <!--                <option data-countryCode="CK" value="682">Cook Islands (+682)</option>-->
              <!--                <option data-countryCode="CR" value="506">Costa Rica (+506)</option>-->
              <!--                <option data-countryCode="HR" value="385">Croatia (+385)</option>-->
              <!--                <option data-countryCode="CU" value="53">Cuba (+53)</option>-->
              <!--                <option data-countryCode="CY" value="90392">Cyprus North (+90392)</option>-->
              <!--                <option data-countryCode="CY" value="357">Cyprus South (+357)</option>-->
              <!--                <option data-countryCode="CZ" value="42">Czech Republic (+42)</option>-->
              <!--                <option data-countryCode="DK" value="45">Denmark (+45)</option>-->
              <!--                <option data-countryCode="DJ" value="253">Djibouti (+253)</option>-->
              <!--                <option data-countryCode="DM" value="1809">Dominica (+1809)</option>-->
              <!--                <option data-countryCode="DO" value="1809">Dominican Republic (+1809)</option>-->
              <!--                <option data-countryCode="EC" value="593">Ecuador (+593)</option>-->
              <!--                <option data-countryCode="EG" value="20">Egypt (+20)</option>-->
              <!--                <option data-countryCode="SV" value="503">El Salvador (+503)</option>-->
              <!--                <option data-countryCode="GQ" value="240">Equatorial Guinea (+240)</option>-->
              <!--                <option data-countryCode="ER" value="291">Eritrea (+291)</option>-->
              <!--                <option data-countryCode="EE" value="372">Estonia (+372)</option>-->
              <!--                <option data-countryCode="ET" value="251">Ethiopia (+251)</option>-->
              <!--                <option data-countryCode="FK" value="500">Falkland Islands (+500)</option>-->
              <!--                <option data-countryCode="FO" value="298">Faroe Islands (+298)</option>-->
              <!--                <option data-countryCode="FJ" value="679">Fiji (+679)</option>-->
              <!--                <option data-countryCode="FI" value="358">Finland (+358)</option>-->
              <!--                <option data-countryCode="FR" value="33">France (+33)</option>-->
              <!--                <option data-countryCode="GF" value="594">French Guiana (+594)</option>-->
              <!--                <option data-countryCode="PF" value="689">French Polynesia (+689)</option>-->
              <!--                <option data-countryCode="GA" value="241">Gabon (+241)</option>-->
              <!--                <option data-countryCode="GM" value="220">Gambia (+220)</option>-->
              <!--                <option data-countryCode="GE" value="7880">Georgia (+7880)</option>-->
              <!--                <option data-countryCode="DE" value="49">Germany (+49)</option>-->
              <!--                <option data-countryCode="GH" value="233">Ghana (+233)</option>-->
              <!--                <option data-countryCode="GI" value="350">Gibraltar (+350)</option>-->
              <!--                <option data-countryCode="GR" value="30">Greece (+30)</option>-->
              <!--                <option data-countryCode="GL" value="299">Greenland (+299)</option>-->
              <!--                <option data-countryCode="GD" value="1473">Grenada (+1473)</option>-->
              <!--                <option data-countryCode="GP" value="590">Guadeloupe (+590)</option>-->
              <!--                <option data-countryCode="GU" value="671">Guam (+671)</option>-->
              <!--                <option data-countryCode="GT" value="502">Guatemala (+502)</option>-->
              <!--                <option data-countryCode="GN" value="224">Guinea (+224)</option>-->
              <!--                <option data-countryCode="GW" value="245">Guinea - Bissau (+245)</option>-->
              <!--                <option data-countryCode="GY" value="592">Guyana (+592)</option>-->
              <!--                <option data-countryCode="HT" value="509">Haiti (+509)</option>-->
              <!--                <option data-countryCode="HN" value="504">Honduras (+504)</option>-->
              <!--                <option data-countryCode="HK" value="852">Hong Kong (+852)</option>-->
              <!--                <option data-countryCode="HU" value="36">Hungary (+36)</option>-->
              <!--                <option data-countryCode="IS" value="354">Iceland (+354)</option>-->
    
              <!--                <option data-countryCode="ID" value="62">Indonesia (+62)</option>-->
              <!--                <option data-countryCode="IR" value="98">Iran (+98)</option>-->
              <!--                <option data-countryCode="IQ" value="964">Iraq (+964)</option>-->
              <!--                <option data-countryCode="IE" value="353">Ireland (+353)</option>-->
              <!--                <option data-countryCode="IL" value="972">Israel (+972)</option>-->
              <!--                <option data-countryCode="IT" value="39">Italy (+39)</option>-->
              <!--                <option data-countryCode="JM" value="1876">Jamaica (+1876)</option>-->
              <!--                <option data-countryCode="JP" value="81">Japan (+81)</option>-->
              <!--                <option data-countryCode="JO" value="962">Jordan (+962)</option>-->
              <!--                <option data-countryCode="KZ" value="7">Kazakhstan (+7)</option>-->
              <!--                <option data-countryCode="KE" value="254">Kenya (+254)</option>-->
              <!--                <option data-countryCode="KI" value="686">Kiribati (+686)</option>-->
              <!--                <option data-countryCode="KP" value="850">Korea North (+850)</option>-->
              <!--                <option data-countryCode="KR" value="82">Korea South (+82)</option>-->
              <!--                <option data-countryCode="KW" value="965">Kuwait (+965)</option>-->
              <!--                <option data-countryCode="KG" value="996">Kyrgyzstan (+996)</option>-->
              <!--                <option data-countryCode="LA" value="856">Laos (+856)</option>-->
              <!--                <option data-countryCode="LV" value="371">Latvia (+371)</option>-->
              <!--                <option data-countryCode="LB" value="961">Lebanon (+961)</option>-->
              <!--                <option data-countryCode="LS" value="266">Lesotho (+266)</option>-->
              <!--                <option data-countryCode="LR" value="231">Liberia (+231)</option>-->
              <!--                <option data-countryCode="LY" value="218">Libya (+218)</option>-->
              <!--                <option data-countryCode="LI" value="417">Liechtenstein (+417)</option>-->
              <!--                <option data-countryCode="LT" value="370">Lithuania (+370)</option>-->
              <!--                <option data-countryCode="LU" value="352">Luxembourg (+352)</option>-->
              <!--                <option data-countryCode="MO" value="853">Macao (+853)</option>-->
              <!--                <option data-countryCode="MK" value="389">Macedonia (+389)</option>-->
              <!--                <option data-countryCode="MG" value="261">Madagascar (+261)</option>-->
              <!--                <option data-countryCode="MW" value="265">Malawi (+265)</option>-->
              <!--                <option data-countryCode="MY" value="60">Malaysia (+60)</option>-->
              <!--                <option data-countryCode="MV" value="960">Maldives (+960)</option>-->
              <!--                <option data-countryCode="ML" value="223">Mali (+223)</option>-->
              <!--                <option data-countryCode="MT" value="356">Malta (+356)</option>-->
              <!--                <option data-countryCode="MH" value="692">Marshall Islands (+692)</option>-->
              <!--                <option data-countryCode="MQ" value="596">Martinique (+596)</option>-->
              <!--                <option data-countryCode="MR" value="222">Mauritania (+222)</option>-->
              <!--                <option data-countryCode="YT" value="269">Mayotte (+269)</option>-->
              <!--                <option data-countryCode="MX" value="52">Mexico (+52)</option>-->
              <!--                <option data-countryCode="FM" value="691">Micronesia (+691)</option>-->
              <!--                <option data-countryCode="MD" value="373">Moldova (+373)</option>-->
              <!--                <option data-countryCode="MC" value="377">Monaco (+377)</option>-->
              <!--                <option data-countryCode="MN" value="976">Mongolia (+976)</option>-->
              <!--                <option data-countryCode="MS" value="1664">Montserrat (+1664)</option>-->
              <!--                <option data-countryCode="MA" value="212">Morocco (+212)</option>-->
              <!--                <option data-countryCode="MZ" value="258">Mozambique (+258)</option>-->
              <!--                <option data-countryCode="MN" value="95">Myanmar (+95)</option>-->
              <!--                <option data-countryCode="NA" value="264">Namibia (+264)</option>-->
              <!--                <option data-countryCode="NR" value="674">Nauru (+674)</option>-->
              <!--                <option data-countryCode="NP" value="977">Nepal (+977)</option>-->
              <!--                <option data-countryCode="NL" value="31">Netherlands (+31)</option>-->
              <!--                <option data-countryCode="NC" value="687">New Caledonia (+687)</option>-->
              <!--                <option data-countryCode="NZ" value="64">New Zealand (+64)</option>-->
              <!--                <option data-countryCode="NI" value="505">Nicaragua (+505)</option>-->
              <!--                <option data-countryCode="NE" value="227">Niger (+227)</option>-->
              <!--                <option data-countryCode="NG" value="234">Nigeria (+234)</option>-->
              <!--                <option data-countryCode="NU" value="683">Niue (+683)</option>-->
              <!--                <option data-countryCode="NF" value="672">Norfolk Islands (+672)</option>-->
              <!--                <option data-countryCode="NP" value="670">Northern Marianas (+670)</option>-->
              <!--                <option data-countryCode="NO" value="47">Norway (+47)</option>-->
              <!--                <option data-countryCode="OM" value="968">Oman (+968)</option>-->
              <!--                <option data-countryCode="PW" value="680">Palau (+680)</option>-->
              <!--                <option data-countryCode="PA" value="507">Panama (+507)</option>-->
              <!--                <option data-countryCode="PG" value="675">Papua New Guinea (+675)</option>-->
              <!--                <option data-countryCode="PY" value="595">Paraguay (+595)</option>-->
              <!--                <option data-countryCode="PE" value="51">Peru (+51)</option>-->
              <!--                <option data-countryCode="PH" value="63">Philippines (+63)</option>-->
              <!--                <option data-countryCode="PL" value="48">Poland (+48)</option>-->
              <!--                <option data-countryCode="PT" value="351">Portugal (+351)</option>-->
              <!--                <option data-countryCode="PR" value="1787">Puerto Rico (+1787)</option>-->
              <!--                <option data-countryCode="QA" value="974">Qatar (+974)</option>-->
              <!--                <option data-countryCode="RE" value="262">Reunion (+262)</option>-->
              <!--                <option data-countryCode="RO" value="40">Romania (+40)</option>-->
              <!--                <option data-countryCode="RU" value="7">Russia (+7)</option>-->
              <!--                <option data-countryCode="RW" value="250">Rwanda (+250)</option>-->
              <!--                <option data-countryCode="SM" value="378">San Marino (+378)</option>-->
              <!--                <option data-countryCode="ST" value="239">Sao Tome &amp; Principe (+239)</option>-->
              <!--                <option data-countryCode="SA" value="966">Saudi Arabia (+966)</option>-->
              <!--                <option data-countryCode="SN" value="221">Senegal (+221)</option>-->
              <!--                <option data-countryCode="CS" value="381">Serbia (+381)</option>-->
              <!--                <option data-countryCode="SC" value="248">Seychelles (+248)</option>-->
              <!--                <option data-countryCode="SL" value="232">Sierra Leone (+232)</option>-->
              <!--                <option data-countryCode="SG" value="65">Singapore (+65)</option>-->
              <!--                <option data-countryCode="SK" value="421">Slovak Republic (+421)</option>-->
              <!--                <option data-countryCode="SI" value="386">Slovenia (+386)</option>-->
              <!--                <option data-countryCode="SB" value="677">Solomon Islands (+677)</option>-->
              <!--                <option data-countryCode="SO" value="252">Somalia (+252)</option>-->
              <!--                <option data-countryCode="ZA" value="27">South Africa (+27)</option>-->
              <!--                <option data-countryCode="ES" value="34">Spain (+34)</option>-->
              <!--                <option data-countryCode="LK" value="94">Sri Lanka (+94)</option>-->
              <!--                <option data-countryCode="SH" value="290">St. Helena (+290)</option>-->
              <!--                <option data-countryCode="KN" value="1869">St. Kitts (+1869)</option>-->
              <!--                <option data-countryCode="SC" value="1758">St. Lucia (+1758)</option>-->
              <!--                <option data-countryCode="SD" value="249">Sudan (+249)</option>-->
              <!--                <option data-countryCode="SR" value="597">Suriname (+597)</option>-->
              <!--                <option data-countryCode="SZ" value="268">Swaziland (+268)</option>-->
              <!--                <option data-countryCode="SE" value="46">Sweden (+46)</option>-->
              <!--                <option data-countryCode="CH" value="41">Switzerland (+41)</option>-->
              <!--                <option data-countryCode="SI" value="963">Syria (+963)</option>-->
              <!--                <option data-countryCode="TW" value="886">Taiwan (+886)</option>-->
              <!--                <option data-countryCode="TJ" value="7">Tajikstan (+7)</option>-->
              <!--                <option data-countryCode="TH" value="66">Thailand (+66)</option>-->
              <!--                <option data-countryCode="TG" value="228">Togo (+228)</option>-->
              <!--                <option data-countryCode="TO" value="676">Tonga (+676)</option>-->
              <!--                <option data-countryCode="TT" value="1868">Trinidad &amp; Tobago (+1868)</option>-->
              <!--                <option data-countryCode="TN" value="216">Tunisia (+216)</option>-->
              <!--                <option data-countryCode="TR" value="90">Turkey (+90)</option>-->
              <!--                <option data-countryCode="TM" value="7">Turkmenistan (+7)</option>-->
              <!--                <option data-countryCode="TM" value="993">Turkmenistan (+993)</option>-->
              <!--                <option data-countryCode="TC" value="1649">Turks &amp; Caicos Islands (+1649)</option>-->
              <!--                <option data-countryCode="TV" value="688">Tuvalu (+688)</option>-->
              <!--                <option data-countryCode="UG" value="256">Uganda (+256)</option>-->
              <!--                <option data-countryCode="GB" value="44">UK (+44)</option>-->
              <!--                <option data-countryCode="UA" value="380">Ukraine (+380)</option>-->
              <!--                <option data-countryCode="AE" value="971">United Arab Emirates (+971)</option>-->
              <!--                <option data-countryCode="UY" value="598">Uruguay (+598)</option>-->
              <!--                <option data-countryCode="US" value="1">USA (+1)</option>-->
              <!--                <option data-countryCode="UZ" value="7">Uzbekistan (+7)</option>-->
              <!--                <option data-countryCode="VU" value="678">Vanuatu (+678)</option>-->
              <!--                <option data-countryCode="VA" value="379">Vatican City (+379)</option>-->
              <!--                <option data-countryCode="VE" value="58">Venezuela (+58)</option>-->
              <!--                <option data-countryCode="VN" value="84">Vietnam (+84)</option>-->
              <!--                <option data-countryCode="VG" value="84">Virgin Islands - British (+1284)</option>-->
              <!--                <option data-countryCode="VI" value="84">Virgin Islands - US (+1340)</option>-->
              <!--                <option data-countryCode="WF" value="681">Wallis &amp; Futuna (+681)</option>-->
              <!--                <option data-countryCode="YE" value="969">Yemen (North)(+969)</option>-->
              <!--                <option data-countryCode="YE" value="967">Yemen (South)(+967)</option>-->
              <!--                <option data-countryCode="ZM" value="260">Zambia (+260)</option>-->
              <!--                <option data-countryCode="ZW" value="263">Zimbabwe (+263)</option>-->
              <!--              </optgroup>-->
              <!--            </select>-->
              <!--            <input type="text" class="form-control my-0" id="fphone" name="phone" placeholder="Your Phone No." required />-->
              <!--          </div>-->
    
              <!--        </div>-->
              <!--        <small class="text-danger d-flex" id="errorfPhone"></small>-->
    
              <!--        <div class="mt-3 ">-->
              <!--          <label for="name" class="form-label d-flex align-items-start me-2 mb-0" style="width: 100px;">Date<span-->
              <!--              style="color: red;">*</span></label>-->
              <!--          <div class="input-group">-->
              <!--            <span class="input-group-text"><i class="fas fa-envelope"></i></span>-->
              <!--            <input type="date" class="form-control my-0" name="email" id="femail" required />-->
              <!--          </div>-->
    
              <!--        </div>-->
              <!--        <div class="mt-3 d-md-flex align-items-center">-->
              <!--               Date Input -->
              <!--              <div class="me-md-3 mb-3 mb-md-0" style="flex: 1;">-->
              <!--                  <label for="booking-date" class="form-label">Date <span style="color: red;">*</span></label>-->
              <!--                  <div class="input-group">-->
              <!--                      <span class="input-group-text"><i class="fas fa-calendar-alt"></i></span>-->
              <!--                      <input type="date" class="form-control" name="booking_date" id="booking-date" required />-->
              <!--                  </div>-->
              <!--              </div>-->
                        
              <!--               Time Input -->
              <!--              <div style="flex: 1;">-->
              <!--                  <label for="booking-time" class="form-label">Time <span style="color: red;">*</span></label>-->
              <!--                  <div class="input-group">-->
              <!--                      <span class="input-group-text"><i class="fas fa-clock"></i></span>-->
              <!--                      <input type="time" class="form-control" name="booking_time" id="booking-time" required />-->
              <!--                  </div>-->
              <!--              </div>-->
              <!--          </div>-->
    
              <!--        <small class="text-danger d-flex" id="errorfEmail"></small>-->
    
              <!--        <div class="mt-3 ">-->
              <!--          <label for="name" class="form-label d-flex align-items-start me-2 mb-0" style="width: 250px;">Number OF Guests<span-->
              <!--              style="color: red;">*</span></label>-->
              <!--          <div class="input-group">-->
              <!--            <span class="input-group-text"><i class="fas fa-envelope"></i></span>-->
              <!--            <input type="number" class="form-control my-0" name="email" id="femail" placeholder="Number OF Guests" required />-->
              <!--          </div>-->
    
              <!--        </div>-->
              <!--        <small class="text-danger d-flex" id="errorfEmail"></small>-->
    
    
              <!--        <div class="mt-3 ">-->
              <!--          <label for="name" class="form-label d-flex align-items-start me-2 mb-0" style="width: 100px;">Enquiry<span-->
              <!--              style="color: red;">*</span></label>-->
              <!--          <div class="input-group">-->
              <!--            <span class="input-group-text"><i class="fas fa-comment"></i></span>-->
              <!--            <textarea name="message" id="fmessage" class="form-control" placeholder="Your Message" rows="3"></textarea>-->
              <!--          </div>-->
    
              <!--        </div>-->
              <!--        <small class="text-danger d-flex" id="errorfMessage"></small>-->
    
              <!--        <div class="mt-3 d-md-flex ">-->
              <!--          <img src="data:image/png;base64,<?php echo base64_encode($image_data); ?>" class="me-3 w-100" alt="captcha"> <input type="number" placeholder="Answer" class="p-3" style="border:1px solid gray" id="fcaptcha" name="captcha" required>-->
    
              <!--        </div>-->
              <!--        <small class="text-danger w-100 d-flex" id="errorfCaptcha"></small>-->
              <!--        <input type="hidden" value="1" name="formid">-->
              <!--        <div class="mt-3 d-flex justify-content-center">-->
              <!--          <button type="submit" class="btn btn-primary submit-btn w-50 form-control " style="width: 200px; background-color: black;color:white">-->
              <!--            <i class="fas fa-paper-plane me-2"></i>Submit-->
              <!--          </button>-->
    
              <!--        </div>-->
              <!--      </form>-->
              <!--    </div>-->
              <!--  </div>-->
              <!--</div>-->
                  <!--<div class="col-12">-->
                  <!--    <div class="row align-items-stretch">-->
                  <!--      <div class="col-lg-5 p-0">-->
                  <!--        <img src="assets/img/image/evening1.jpeg" class="img-fluid h-100" style="object-fit: cover; min-height: 500px;">-->
                  <!--      </div>-->
                  <!--      <div class="col-lg-7 p-4">-->
                  <!--        <div class="section-header d-block d-md-none mb-4">-->
                  <!--          <h3 class="text-center">Contact Us</h3>-->
                  <!--        </div>-->
                          
                  <!--        <form id="fcontactForm" method="post" action="<?= $base_url ?>thanks.htm" class="contact-form bg-white p-4" style="border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">-->
                  <!--           Name Field -->
                  <!--          <div class="mb-4">-->
                  <!--            <label for="fname" class="form-label d-flex align-items-center mb-2">-->
                  <!--              <span class="me-2">Name</span><span style="color: red;">*</span>-->
                  <!--            </label>-->
                  <!--            <div class="input-group">-->
                  <!--              <span class="input-group-text bg-light"><i class="fas fa-user"></i></span>-->
                  <!--              <input type="text" class="form-control" name="name" id="fname" placeholder="Your Name" required />-->
                  <!--            </div>-->
                  <!--            <small class="text-danger" id="errorfName"></small>-->
                  <!--          </div>-->
                    
                  <!--           Phone Field -->
                  <!--          <div class="mb-4">-->
                  <!--            <label class="form-label d-flex align-items-center mb-2">-->
                  <!--              <span class="me-2">Phone</span><span style="color: red;">*</span>-->
                  <!--            </label>-->
                  <!--            <div class="input-group">-->
                  <!--              <span class="input-group-text bg-light"><i class="ri-phone-fill"></i></span>-->
                  <!--              <select class="form-select country-select" id="fcountrycode" name="countrycode" style="max-width: 120px;">-->
                  <!--                <option data-countryCode="IN" value="91">+91</option>-->
                  <!--                <optgroup label="Other countries">-->
                  <!--                   Keep your existing country options -->
                  <!--                </optgroup>-->
                  <!--              </select>-->
                  <!--              <input type="tel" class="form-control" id="fphone" name="phone" placeholder="Your Phone No." required />-->
                  <!--            </div>-->
                  <!--            <small class="text-danger" id="errorfPhone"></small>-->
                  <!--          </div>-->
                    
                  <!--           Date and Time Fields -->
                  <!--          <div class="row mb-4">-->
                  <!--            <div class="col-md-6 mb-3 mb-md-0">-->
                  <!--              <label for="booking-date" class="form-label d-flex align-items-center mb-2">-->
                  <!--                <span class="me-2">Date</span><span style="color: red;">*</span>-->
                  <!--              </label>-->
                  <!--              <div class="input-group">-->
                  <!--                <span class="input-group-text bg-light"><i class="fas fa-calendar-alt"></i></span>-->
                  <!--                <input type="date" class="form-control" name="booking_date" id="booking-date" required />-->
                  <!--              </div>-->
                  <!--            </div>-->
                  <!--            <div class="col-md-6">-->
                  <!--              <label for="booking-time" class="form-label d-flex align-items-center mb-2">-->
                  <!--                <span class="me-2">Time</span><span style="color: red;">*</span>-->
                  <!--              </label>-->
                  <!--              <div class="input-group">-->
                  <!--                <span class="input-group-text bg-light"><i class="fas fa-clock"></i></span>-->
                  <!--                <input type="time" class="form-control" name="booking_time" id="booking-time" required />-->
                  <!--              </div>-->
                  <!--            </div>-->
                  <!--          </div>-->
                    
                  <!--           Number of Guests -->
                  <!--          <div class="mb-4">-->
                  <!--            <label for="fguests" class="form-label d-flex align-items-center mb-2">-->
                  <!--              <span class="me-2">Number of Guests</span><span style="color: red;">*</span>-->
                  <!--            </label>-->
                  <!--            <div class="input-group">-->
                  <!--              <span class="input-group-text bg-light"><i class="fas fa-users"></i></span>-->
                  <!--              <input type="number" class="form-control" name="guests" id="fguests" placeholder="Number of Guests" required />-->
                  <!--            </div>-->
                  <!--            <small class="text-danger" id="errorfGuests"></small>-->
                  <!--          </div>-->
                    
                  <!--           Enquiry Message -->
                  <!--          <div class="mb-4">-->
                  <!--            <label for="fmessage" class="form-label d-flex align-items-center mb-2">-->
                  <!--              <span class="me-2">Enquiry</span><span style="color: red;">*</span>-->
                  <!--            </label>-->
                  <!--            <div class="input-group">-->
                  <!--              <span class="input-group-text bg-light align-items-start"><i class="fas fa-comment mt-2"></i></span>-->
                  <!--              <textarea name="message" id="fmessage" class="form-control" placeholder="Your Message" rows="4" required></textarea>-->
                  <!--            </div>-->
                  <!--            <small class="text-danger" id="errorfMessage"></small>-->
                  <!--          </div>-->
                    
                  <!--           CAPTCHA -->
                  <!--          <div class="mb-4">-->
                  <!--            <div class="d-flex flex-column flex-md-row align-items-center">-->
                  <!--              <img src="data:image/png;base64,<?php echo base64_encode($image_data); ?>" class="me-md-3 mb-3 mb-md-0" style="max-width: 200px;">-->
                  <!--              <input type="number" placeholder="Enter CAPTCHA" class="form-control" id="fcaptcha" name="captcha" required style="max-width: 200px;">-->
                  <!--            </div>-->
                  <!--            <small class="text-danger" id="errorfCaptcha"></small>-->
                  <!--          </div>-->
                    
                  <!--          <input type="hidden" value="1" name="formid">-->
                            
                  <!--           Submit Button -->
                  <!--          <div class="text-center mt-4">-->
                  <!--            <button type="submit" class="btn btn-dark px-4 py-2" style="min-width: 200px;">-->
                  <!--              <i class="fas fa-paper-plane me-2"></i>Submit-->
                  <!--            </button>-->
                  <!--          </div>-->
                  <!--        </form>-->
                  <!--      </div>-->
                  <!--    </div>-->
                  <!--  </div>-->
                    
                    
                    
                  <!--  <style>-->
                  <!--    .contact-form .input-group-text {-->
                  <!--      min-width: 45px;-->
                  <!--      justify-content: center;-->
                  <!--    }-->
                      
                  <!--    .contact-form .form-control, -->
                  <!--    .contact-form .form-select {-->
                  <!--      border-left: 0;-->
                  <!--      padding-left: 0;-->
                  <!--    }-->
                      
                  <!--    .contact-form .input-group {-->
                  <!--      border: 1px solid #ced4da;-->
                  <!--      border-radius: 0.375rem;-->
                  <!--    }-->
                      
                  <!--    .contact-form .input-group:focus-within {-->
                  <!--      border-color: #86b7fe;-->
                  <!--      box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);-->
                  <!--    }-->
                      
                  <!--    @media (max-width: 767.98px) {-->
                  <!--      .col-lg-5 {-->
                  <!--        min-height: 300px;-->
                  <!--      }-->
                  <!--    }-->
                  <!--  </style>-->
              
              
              <!-- Background Section -->
                <section class="position-relative text-white" style="min-height: 100vh;">
                  <!-- Background Image -->
                  <img src="assets/img/image/booknow.png" alt="Yacht Background" class="w-100 h-100 position-absolute top-0 start-0 object-fit-cover" style="z-index: -2;">
                
                  <!-- Dark Overlay -->
                  <div class="position-absolute top-0 start-0 w-100 h-100" style="background: rgba(0, 0, 0, 0.6); z-index: -1;"></div>
                
                  <!-- Content Grid -->
                  <div class="container h-100 d-flex align-items-center">
                    <div class="row w-100">
                      
                      <!-- Left Content (Text) -->
                        <div class="col-lg-6 mb-4 mb-lg-0">
                          <div class="p-4 rounded-4" style="background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(6px); box-shadow: 0 8px 20px rgba(0,0,0,0.3);">
                            <h1 class="mb-3" style="font-family: 'Playfair Display', serif; font-size: 2.5rem;">Your dream event? Let’s Cater it!</h1>
                            <p style="font-family: 'Montserrat', sans-serif; font-size: 1.1rem;">
                              <i class="fas fa-phone-alt me-2"></i>+91 8287442695<br><br>
                              <i class="fas fa-envelope me-2"></i>info@royalyachtrental.com
                            </p>
                          </div>
                        </div>

                
                      <!-- Right Content (Form) -->
                      <div class="col-lg-6">
                        <div class="p-4 rounded-4" style="background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(6px); box-shadow: 0 8px 20px rgba(0,0,0,0.3);">
                          <h3 class="mb-4" style="font-family: 'Playfair Display', serif;">Enquire Now</h3>
                          <form>
                            <div class="mb-3">
                              <input type="text" class="form-control bg-transparent text-white" placeholder="Your Name" required>
                            </div>
                            <div class="mb-3">
                              <input type="email" class="form-control bg-transparent text-white" placeholder="Email Address" required>
                            </div>
                            <div class="mb-3">
                              <input type="tel" class="form-control bg-transparent text-white" placeholder="Phone Number" required>
                            </div>
                            <div class="mb-3">
                              <textarea 
                                class="form-control bg-transparent text-white" 
                                rows="4" 
                                placeholder="Additional comments or special requests" 
                                style="border: 1px solid rgba(255,255,255,0.3);"></textarea>
                            </div>


                            <div class="mb-3">
                              <input type="date" class="form-control bg-transparent text-white" required>
                            </div>
                            <button type="submit" class="btn btn-light w-100">Submit Request</button>
                          </form>
                        </div>
                      </div>
                
                    </div>
                  </div>
                </section>
                <style>
                    .form-control::placeholder,
                        .form-select {
                          color: rgba(255,255,255,0.8) !important;
                        }
                        
                        .form-control,
                        .form-select {
                          border-color: rgba(255,255,255,0.3);
                          color: white !important;
                        }
                        
                        .form-control:focus,
                        .form-select:focus {
                          background-color: rgba(255,255,255,0.1);
                          border-color: rgba(255,255,255,0.5);
                          box-shadow: 0 0 0 0.25rem rgba(255,255,255,0.2);
                        }

                </style>

              
        </div>
      </div>
    </section>
    <!------------------------contact-section-end------------------------------->
  </main>

  <!-----------------------footer-start----------------------->

  <?php include_once 'include/footer.php'; ?>

  <!------------------------footer-end------------------------------->

  <!-- Swiper JS -->
  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <!-- bootstrap js -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
    crossorigin="anonymous"></script>
  <!-- script js -->
  <script src="<?= $base_url ?>assets/js/script.js"></script>
  <!-- Initialize Swiper slider -->
  <script>
    var swiper = new Swiper(".banner-slider", {
      pagination: {
        el: ".swiper-pagination",
      },
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      loop: true,
    });
  </script>
  <script>
    document.getElementById("fcontactForm").addEventListener("submit", function(event) {
      let isValid = true;

      // Product Name Validation (No special characters allowed)
      let product = document.getElementById("fproduct").value;
      let productRegex = /^[a-zA-Z0-9\s]+$/;
      if (!productRegex.test(product)) {
        document.getElementById("errorfProduct").innerText = "Enter Valid Product Name";
        isValid = false;
      } else {
        document.getElementById("errorfProduct").innerText = "";
      }

      // Name Validation (Only letters allowed)
      let name = document.getElementById("fname").value;
      let nameRegex = /^[A-Za-z\s]+$/;
      if (!nameRegex.test(name)) {
        document.getElementById("errorfName").innerText = "Enter Valid Name";
        isValid = false;
      } else {
        document.getElementById("errorfName").innerText = "";
      }

      // Email Validation
      let email = document.getElementById("femail").value;
      let emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
      if (!emailRegex.test(email)) {
        document.getElementById("errorfEmail").innerText = "Please enter a valid email address.";
        isValid = false;
      } else {
        document.getElementById("errorfEmail").innerText = "";
      }

      // Phone Number Validation (Exactly 10 digits, only numbers)
      let phone = document.getElementById("fphone").value;
      let phoneRegex = /^[0-9]{10}$/;
      if (!phoneRegex.test(phone)) {
        document.getElementById("errorfPhone").innerText = "Enter Valid Phone number";
        isValid = false;
      } else {
        document.getElementById("errorfPhone").innerText = "";
      }

      // Message Validation (Only letters, ",", or "|")
      let message = document.getElementById("fmessage").value;
      let messageRegex = /^[A-Za-z\s,|.]+$/;
      if (!messageRegex.test(message)) {
        document.getElementById("errorfMessage").innerText = "Enter Valid Message";
        isValid = false;
      } else {
        document.getElementById("errorfMessage").innerText = "";
      }

      // Captcha Validation
      let captchaAnswer = <?= $_SESSION['captcha_answer'] ?>;
      let userCaptcha = document.getElementById("fcaptcha").value;
      if (userCaptcha != captchaAnswer) {
        document.getElementById("errorfCaptcha").innerText = "Incorrect captcha.";
        isValid = false;
      } else {
        document.getElementById("errorfCaptcha").innerText = "";
      }

      // Prevent form submission if validation fails
      if (!isValid) {
        event.preventDefault();
      }
    });
  </script>

</body>

</html>

Youez - 2016 - github.com/yon3zu
LinuXploit