{"id":26944451,"date":"2024-10-26T01:32:46","date_gmt":"2024-10-26T01:32:46","guid":{"rendered":"https:\/\/www.fastudio.my\/?page_id=26944451"},"modified":"2024-11-16T02:04:43","modified_gmt":"2024-11-16T02:04:43","slug":"hover-gallery","status":"publish","type":"page","link":"https:\/\/demo.fastudio.my\/divi-pixel\/modules\/hover-gallery\/","title":{"rendered":"Hover Gallery"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0C71C3&#8243; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;diagonal-stripes&#8221; background_pattern_color=&#8221;rgba(0,0,0,0.04)&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_heading title=&#8221;Hover Gallery&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#f2bc39&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; text_orientation=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<p>Galeri Hover ialah modul elegan yang boleh membawa tapak anda ke peringkat seterusnya. Tambah berbilang kotak kandungan dan tukar latar belakang bahagian secara ajaib apabila pengguna beralih tetikus atau mengklik item grid.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Hover Gallery Demo 01&#8243; _builder_version=&#8221;4.23.2&#8243; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;100px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1200px&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;1&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery active_item_bg_color=&#8221;#000000&#8243; item_bg_color=&#8221;rgba(10,10,10,0.5)&#8221; columns=&#8221;1&#8243; grid_gap=&#8221;0px&#8221; grid_width=&#8221;340px&#8221; grid_full_height=&#8221;on&#8221; grid_alignment=&#8221;center-left&#8221; gallery_animation=&#8221;FadeLeft&#8221; animation_speed=&#8221;0.5s&#8221; columns_tablet=&#8221;1&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; grid_width_tablet=&#8221;50%&#8221; grid_width_phone=&#8221;70%&#8221; grid_width_last_edited=&#8221;on|tablet&#8221; grid_full_height_tablet=&#8221;off&#8221; grid_full_height_phone=&#8221;off&#8221; grid_full_height_last_edited=&#8221;on|tablet&#8221; grid_alignment_tablet=&#8221;center-left&#8221; grid_alignment_phone=&#8221;center-center&#8221; grid_alignment_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Poppins|700|||||||&#8221; content_title_text_align=&#8221;left&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_font_size=&#8221;22px&#8221; content_desc_font=&#8221;Poppins||||||||&#8221; content_desc_text_color=&#8221;#FFFFFF&#8221; content_desc_font_size=&#8221;12px&#8221; content_title_active_text_align=&#8221;left&#8221; border_width_bottom_item=&#8221;1px&#8221; border_color_bottom_item=&#8221;rgba(10,10,10,0.18)&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/venice-07.jpg&#8221; title=&#8221;Venice&#8221; content_text=&#8221;<p>Venice, known also as the \u201cCity of Canals\u201d and \u201cThe Floating City%22 is arguably one of Italy&#8217;s most picturesque cities.<\/p>&#8221; use_button=&#8221;on&#8221; button_text=&#8221; &#8221; button_url=&#8221;#&#8221; admin_label=&#8221;Venice&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;1px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#FFFFFF&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px|||-7px|false|false&#8221; content_button_custom_padding=&#8221;3px|35px|35px|0px|false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;20px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_active_border_width=&#8221;1px&#8221; content_button_active_border_color=&#8221;#FFFFFF&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon_color=&#8221;#FFFFFF&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_margin=&#8221;|||2px|false|false&#8221; content_button_active_custom_padding=&#8221;3px|35px|35px|4px|false|false&#8221; custom_padding=&#8221;|30px|40px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; item_bg_color__hover_enabled=&#8221;on|desktop&#8221; item_bg_color__hover=&#8221;#000d21&#8243; item_bg_enable_color__hover=&#8221;on&#8221; content_button_active_border_color__hover_enabled=&#8221;on|hover&#8221; content_button_active_border_color__hover=&#8221;#FFFFFF&#8221; content_button_active_bg_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_bg_color__hover=&#8221;#FFFFFF&#8221; content_button_active_bg_enable_color__hover=&#8221;on&#8221; content_button_active_icon_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_icon_color__hover=&#8221;#15022A&#8221; content_button_active_custom_padding__hover_enabled=&#8221;on|hover&#8221; content_button_active_custom_padding__hover=&#8221;|35px||4px|false|false&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/warsaw-08.jpg&#8221; title=&#8221;Warsaw&#8221; content_text=&#8221;Warsaw is a mixture of relaxing green spaces, historic sites and vivid modernity. Discover the charming Old Town, Wilan\u00f3w Palace.&#8221; use_button=&#8221;on&#8221; button_text=&#8221; &#8221; button_url=&#8221;#&#8221; admin_label=&#8221;Warsaw&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;1px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#FFFFFF&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px|||-7px|false|false&#8221; content_button_custom_padding=&#8221;3px|35px|35px|0px|false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;20px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_active_border_width=&#8221;1px&#8221; content_button_active_border_color=&#8221;#FFFFFF&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon_color=&#8221;#FFFFFF&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_margin=&#8221;|||2px|false|false&#8221; content_button_active_custom_padding=&#8221;3px|35px|35px|4px|false|false&#8221; custom_padding=&#8221;|30px|40px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#002a51&#8243; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; content_button_active_bg_color__hover=&#8221;#FFFFFF&#8221; content_button_active_bg_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_border_color__hover=&#8221;#FFFFFF&#8221; content_button_active_border_color__hover_enabled=&#8221;on|hover&#8221; content_button_active_icon_color__hover=&#8221;#15022A&#8221; content_button_active_icon_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_custom_padding__hover=&#8221;|35px||4px|false|false&#8221; content_button_active_custom_padding__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/barcelona-08.jpg&#8221; title=&#8221;Barcelona&#8221; content_text=&#8221;Barcelona is a city with a wide range of original leisure options that encourage you to visit time and time again.&#8221; use_button=&#8221;on&#8221; button_text=&#8221; &#8221; button_url=&#8221;#&#8221; admin_label=&#8221;Barcelona&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;1px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#FFFFFF&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px|||-7px|false|false&#8221; content_button_custom_padding=&#8221;3px|35px|35px|0px|false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;20px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_active_border_width=&#8221;1px&#8221; content_button_active_border_color=&#8221;#FFFFFF&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon_color=&#8221;#FFFFFF&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_margin=&#8221;|||2px|false|false&#8221; content_button_active_custom_padding=&#8221;3px|35px|35px|4px|false|false&#8221; custom_padding=&#8221;|30px|40px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#0089b7&#8243; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; content_button_active_bg_color__hover=&#8221;#FFFFFF&#8221; content_button_active_bg_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_border_color__hover=&#8221;#FFFFFF&#8221; content_button_active_border_color__hover_enabled=&#8221;on|hover&#8221; content_button_active_icon_color__hover=&#8221;#15022A&#8221; content_button_active_icon_color__hover_enabled=&#8221;on|desktop&#8221; content_button_active_custom_padding__hover=&#8221;|35px||4px|false|false&#8221; content_button_active_custom_padding__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Hover Gallery Demo 02&#8243; _builder_version=&#8221;4.23.2&#8243; background_color=&#8221;#ffffff&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;0px||0px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.23.2&#8243; background_color=&#8221;RGBA(255,255,255,0)&#8221; z_index=&#8221;1&#8243; width=&#8221;100%&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;100vw&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery active_item_bg_color=&#8221;rgba(255,255,255,0.2)&#8221; item_bg_color=&#8221;rgba(255,255,255,0.2)&#8221; grid_gap=&#8221;10px&#8221; grid_width=&#8221;1200px&#8221; animation_speed=&#8221;1.5s&#8221; columns_tablet=&#8221;1&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; grid_width_tablet=&#8221;50%&#8221; grid_width_phone=&#8221;70%&#8221; grid_width_last_edited=&#8221;on|phone&#8221; grid_full_height_tablet=&#8221;off&#8221; grid_full_height_phone=&#8221;off&#8221; grid_full_height_last_edited=&#8221;on|tablet&#8221; grid_alignment_tablet=&#8221;center-left&#8221; grid_alignment_phone=&#8221;center-center&#8221; grid_alignment_last_edited=&#8221;on|phone&#8221; grid_padding_tablet=&#8221;0px|0px|0px|30px|false|false&#8221; grid_padding_phone=&#8221;0px|0px|0px|30px|false|false&#8221; grid_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Montserrat|700||on|||||&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_font_size=&#8221;14px&#8221; content_title_letter_spacing=&#8221;3px&#8221; content_title_line_height=&#8221;1.4em&#8221; content_desc_font=&#8221;Montserrat|300|||||||&#8221; content_desc_text_color=&#8221;#FFFFFF&#8221; content_desc_font_size=&#8221;39px&#8221; content_desc_line_height=&#8221;1em&#8221; positioning=&#8221;relative&#8221; width=&#8221;100%&#8221; height=&#8221;1000px&#8221; custom_margin=&#8221;||||false|false&#8221; content_title_font_size_tablet=&#8221;14px&#8221; content_title_font_size_phone=&#8221;12px&#8221; content_title_font_size_last_edited=&#8221;on|phone&#8221; content_desc_font_size_tablet=&#8221;32px&#8221; content_desc_font_size_phone=&#8221;24px&#8221; content_desc_font_size_last_edited=&#8221;on|phone&#8221; border_radii_item=&#8221;on|10px|10px|10px|10px&#8221; border_radii_active_item=&#8221;off|10px|10px|10px|10px&#8221; global_colors_info=&#8221;{}&#8221; item_bg_color__hover_enabled=&#8221;on|hover&#8221; item_bg_color__hover=&#8221;rgba(255,255,255,0.4)&#8221; item_bg_enable_color__hover=&#8221;on&#8221; active_item_bg_color__hover_enabled=&#8221;on|hover&#8221; active_item_bg_color__hover=&#8221;rgba(255,255,255,0.4)&#8221; active_item_bg_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-02.jpg&#8221; title=&#8221;Wellness&#8221; content_text=&#8221;Skin Care&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-01.jpg&#8221; title=&#8221;Body &#038; Soul&#8221; content_text=&#8221;Oil Therapy&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-03.jpg&#8221; title=&#8221;Beauty&#8221; content_text=&#8221;Exotic Facials&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-04.jpg&#8221; title=&#8221;Experience&#8221; content_text=&#8221;Spa Weekend&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-06.jpg&#8221; title=&#8221;Natural&#8221; content_text=&#8221;Body Products&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-05.jpg&#8221; title=&#8221;Luxurious&#8221; content_text=&#8221;Your Wellbeing&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;20px&#8221; content_button_bg_color=&#8221;#FFFFFF&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;#FFFFFF&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_icon_color=&#8221;#0a0a0a&#8221; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;20px||||false|false&#8221; content_button_custom_padding=&#8221;0px|30px|30px|0px|false|false&#8221; custom_padding=&#8221;30px|30px|30px|30px|false|false&#8221; custom_css_main_element=&#8221;backdrop-filter: blur(10px);&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;#0a0a0a&#8221; background_enable_color__hover=&#8221;on&#8221; use_background_color_gradient__hover=&#8221;off&#8221; background__hover_enabled=&#8221;off|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Hover Gallery Demo 03&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;100px||140px||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;50px||0px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1400px&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_cta title=&#8221;Unique Module&#8221; _builder_version=&#8221;4.23.2&#8243; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;17px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;light&#8221; max_width=&#8221;800px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; custom_padding_last_edited=&#8221;off|phone&#8221; body_font_size_tablet=&#8221;34px&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Let visitors interact with your site[\/et_pb_cta][et_pb_text _builder_version=&#8221;4.23.2&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;797px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|30px||30px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; max_width__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;]Improve the user experience of your Divi site with a truly unique and engaging module. The Hover Gallery module offers endless possibilities to display beautiful places, services, products, and anything else that can be presented with imagery.[\/et_pb_text][dipi_hover_gallery grid_width=&#8221;100%&#8221; grid_alignment=&#8221;bottom-center&#8221; gallery_animation=&#8221;SliceAnim&#8221; animation_speed=&#8221;0.5s&#8221; autoplay=&#8221;on&#8221; grid_padding=&#8221;30px|30px|30px|30px|false|false&#8221; columns_tablet=&#8221;&#8221; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|phone&#8221; grid_alignment_tablet=&#8221;bottom-center&#8221; grid_alignment_phone=&#8221;center-center&#8221; grid_alignment_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Montserrat|700||on|||||&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#FF4200&#8243; content_title_font_size=&#8221;18px&#8221; content_title_letter_spacing=&#8221;2px&#8221; content_desc_font=&#8221;Montserrat||||||||&#8221; content_desc_text_align=&#8221;center&#8221; content_desc_text_color=&#8221;#FFFFFF&#8221; content_desc_font_size=&#8221;12px&#8221; content_desc_line_height=&#8221;1.6em&#8221; height_tablet=&#8221;600px&#8221; height_phone=&#8221;830px&#8221; height_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item use_content_text_style=&#8221;on&#8221; use_content_text_style_active=&#8221;on&#8221; use_content_desc_style_active=&#8221;on&#8221; use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;14px|12px|14px|12px|false|false&#8221; icon_image_margin=&#8221;-20px|0px|20px|0px|false|false&#8221; icon_image_padding_active=&#8221;14px|10px|14px|10px|false|false&#8221; icon_image_margin_active=&#8221;-40px|0px|5px|0px|false|false&#8221; use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#e25e00&#8243; item_active_bg_color=&#8221;#FFFFFF&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/f-gallery-10.jpg&#8221; title=&#8221;Explore&#8221; use_content_icon=&#8221;on&#8221; content_icon=&#8221;&#xf6fc;||fa||900&#8243; content_icon_color=&#8221;#e25e00&#8243; content_circle_color=&#8221;#FFFFFF&#8221; content_icon_size=&#8221;18px&#8221; content_icon_color_active=&#8221;#ffffff&#8221; content_circle_color_active=&#8221;#e25e00&#8243; content_icon_size_active=&#8221;35px&#8221; content_text=&#8221;\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus lorem eget risus porta vehicula. Donec congue, neque facilisis congue.\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;more&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_active_text_color=&#8221;#e25e00&#8243; content_desc_active_text_color=&#8221;#0a0a0a&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;12px&#8221; content_button_text_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_letter_spacing=&#8221;1px&#8221; content_button_font=&#8221;|||on|||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_custom_margin=&#8221;10px||||false|false&#8221; content_button_custom_padding=&#8221;||0px||false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;12px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_border_radius=&#8221;0px&#8221; content_button_active_letter_spacing=&#8221;2px&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x39;||divi||400&#8243; content_button_active_icon_color=&#8221;#15022A&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_padding=&#8221;|30px||20px|false|false&#8221; min_height=&#8221;230px&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_content_button_active=&#8221;preset4&#8243; box_shadow_horizontal_content_button_active=&#8221;0px&#8221; box_shadow_vertical_content_button_active=&#8221;1px&#8221; box_shadow_color_content_button_active=&#8221;#15022A&#8221; global_colors_info=&#8221;{}&#8221; item_bg_color__hover_enabled=&#8221;on|hover&#8221; item_bg_color__hover=&#8221;#FFFFFF&#8221; item_bg_enable_color__hover=&#8221;on&#8221; item_active_bg_color__hover_enabled=&#8221;off|desktop&#8221; item_active_bg_color__hover=&#8221;#FFFFFF&#8221; item_active_bg_enable_color__hover=&#8221;on&#8221; content_button_active_text_color__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_content_text_style=&#8221;on&#8221; use_content_desc_style=&#8221;on&#8221; use_content_text_style_active=&#8221;on&#8221; use_content_desc_style_active=&#8221;on&#8221; use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;13px|12px|13px|12px|false|false&#8221; icon_image_margin=&#8221;-20px|0px|20px|0px|false|false&#8221; icon_image_padding_active=&#8221;13px|11px|13px|11px|false|false&#8221; icon_image_margin_active=&#8221;-40px|0px|5px|0px|false|false&#8221; use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#003f39&#8243; item_active_bg_color=&#8221;#FFFFFF&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/f-gallery-09.jpg&#8221; title=&#8221;Nature&#8221; use_content_icon=&#8221;on&#8221; content_icon=&#8221;&#xf06c;||fa||900&#8243; content_icon_color=&#8221;#003f39&#8243; content_circle_color=&#8221;#FFFFFF&#8221; content_icon_size=&#8221;18px&#8221; content_icon_color_active=&#8221;#ffffff&#8221; content_circle_color_active=&#8221;#003f39&#8243; content_icon_size_active=&#8221;35px&#8221; content_text=&#8221;\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus lorem eget risus porta vehicula. Donec congue, neque facilisis congue.\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_active_text_color=&#8221;#003f39&#8243; content_desc_active_text_color=&#8221;#0a0a0a&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;12px&#8221; content_button_text_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_letter_spacing=&#8221;1px&#8221; content_button_font=&#8221;|||on|||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_custom_margin=&#8221;10px||||false|false&#8221; content_button_custom_padding=&#8221;||0px||false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;12px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_border_radius=&#8221;0px&#8221; content_button_active_letter_spacing=&#8221;2px&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x39;||divi||400&#8243; content_button_active_icon_color=&#8221;#15022A&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_padding=&#8221;|30px||20px|false|false&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_content_button_active=&#8221;preset4&#8243; box_shadow_horizontal_content_button_active=&#8221;0px&#8221; box_shadow_vertical_content_button_active=&#8221;1px&#8221; box_shadow_color_content_button_active=&#8221;#15022A&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_content_text_style=&#8221;on&#8221; use_content_desc_style=&#8221;on&#8221; use_content_text_style_active=&#8221;on&#8221; use_content_desc_style_active=&#8221;on&#8221; use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;12px|12px|12px|12px|false|false&#8221; icon_image_margin=&#8221;-20px|0px|20px|0px|false|false&#8221; icon_image_padding_active=&#8221;12px|12px|12px|12px|false|false&#8221; icon_image_margin_active=&#8221;-40px|0px|5px|0px|false|false&#8221; use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#0057af&#8221; item_active_bg_color=&#8221;#FFFFFF&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/f-gallery-08.jpg&#8221; title=&#8221;Relax&#8221; use_content_icon=&#8221;on&#8221; content_icon=&#8221;&#xf4ba;||fa||900&#8243; content_icon_color=&#8221;#0057af&#8221; content_circle_color=&#8221;#FFFFFF&#8221; content_icon_size=&#8221;18px&#8221; content_icon_color_active=&#8221;#ffffff&#8221; content_circle_color_active=&#8221;#0057af&#8221; content_icon_size_active=&#8221;35px&#8221; content_text=&#8221;\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam luctus lorem eget risus porta vehicula. Donec congue, neque facilisis congue.\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_active_text_color=&#8221;#0057af&#8221; content_desc_active_text_color=&#8221;#0a0a0a&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;12px&#8221; content_button_text_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_letter_spacing=&#8221;1px&#8221; content_button_font=&#8221;|||on|||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_custom_margin=&#8221;10px||||false|false&#8221; content_button_custom_padding=&#8221;||0px||false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;12px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_border_radius=&#8221;0px&#8221; content_button_active_letter_spacing=&#8221;2px&#8221; content_button_active_use_icon=&#8221;on&#8221; content_button_active_icon=&#8221;&#x39;||divi||400&#8243; content_button_active_icon_color=&#8221;#15022A&#8221; content_button_active_on_hover=&#8221;off&#8221; content_button_active_custom_padding=&#8221;|30px||20px|false|false&#8221; custom_padding=&#8221;30px||0px||false|false&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; box_shadow_style_content_button_active=&#8221;preset4&#8243; box_shadow_horizontal_content_button_active=&#8221;0px&#8221; box_shadow_vertical_content_button_active=&#8221;1px&#8221; box_shadow_color_content_button_active=&#8221;#15022A&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Hover Gallery Demo 04&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;100px||100px|||&#8221; custom_padding_tablet=&#8221;60px||60px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;100%&#8221; width_phone=&#8221;100%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1700px&#8221; custom_padding=&#8221;1px||0px|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;bottom&#8221; animation_duration=&#8221;1900ms&#8221; animation_delay=&#8221;100ms&#8221; animation_intensity_slide=&#8221;2%&#8221; animation_starting_opacity=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;|20px|0px|20px|false|false&#8221; icon_image_margin=&#8221;|0px||0px|false|false&#8221; icon_image_padding_active=&#8221;10px|20px|0px|20px|false|false&#8221; icon_image_margin_active=&#8221;|0px|0px|0px|false|false&#8221; active_item_bg_color=&#8221;rgba(0,0,0,0)&#8221; item_bg_color=&#8221;rgba(0,0,0,0.3)&#8221; columns=&#8221;4&#8243; grid_gap=&#8221;0px&#8221; grid_width=&#8221;100%&#8221; grid_full_height=&#8221;on&#8221; grid_padding=&#8221;0px||0px||false|false&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;2&#8243; columns_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Montserrat|700|||||||&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;12px&#8221; content_button_text_color=&#8221;#FFFFFF&#8221; content_button_bg_color=&#8221;rgba(255,255,255,0.22)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_font=&#8221;Montserrat|600||on|||||&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_custom_padding=&#8221;10px|30px|10px|30px|false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;12px&#8221; content_button_active_text_color=&#8221;#15022A&#8221; content_button_active_bg_color=&#8221;#FFFFFF&#8221; content_button_active_font=&#8221;Montserrat|600|||||||&#8221; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_custom_margin=&#8221;10px||10px||false|false&#8221; height_tablet=&#8221;&#8221; height_phone=&#8221;575px&#8221; height_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;||||false|false&#8221; border_width_all_item=&#8221;2px&#8221; border_color_all_item=&#8221;#FFFFFF&#8221; border_width_all_active_item=&#8221;2px&#8221; border_color_all_active_item=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-03.jpg&#8221; title=&#8221;Beauty&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2023\/03\/beauty-icons-white-18.svg&#8221; content_image_width=&#8221;120px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Learn More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; admin_label=&#8221;Beauty&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_on_hover=&#8221;on&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;rgba(0,0,0,0)&#8221; background__hover_enabled=&#8221;off|desktop&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-01.jpg&#8221; title=&#8221;Exotic&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2023\/03\/beauty-icons-white-09.svg&#8221; content_image_width=&#8221;120px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Learn More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; admin_label=&#8221;Exotic&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_on_hover=&#8221;on&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;off|desktop&#8221; background_color__hover=&#8221;rgba(0,0,0,0)&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-02.jpg&#8221; title=&#8221;Natural&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2023\/03\/beauty-icons-white-17.svg&#8221; content_image_width=&#8221;120px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Learn More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; admin_label=&#8221;Natural&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_on_hover=&#8221;on&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;rgba(0,0,0,0)&#8221; background_enable_color__hover=&#8221;on&#8221; background__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/hg-woman-05.jpg&#8221; title=&#8221;Organic&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2023\/03\/beauty-icons-white-16.svg&#8221; content_image_width=&#8221;120px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Learn More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; admin_label=&#8221;Organic&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_button_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_icon=&#8221;&#x24;||divi||400&#8243; content_button_active_on_hover=&#8221;on&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; background_color__hover=&#8221;rgba(0,0,0,0)&#8221; background__hover_enabled=&#8221;off|desktop&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Hover Gallery Demo 05&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(10,0,0,0.03)&#8221; custom_padding=&#8221;100px||140px||false|false&#8221; custom_padding_tablet=&#8221;||120px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;1400px&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery use_icon_active_style=&#8221;on&#8221; content_icon_color_active=&#8221;#FFFFFF&#8221; active_item_bg_color=&#8221;RGBA(255,255,255,0)&#8221; active_item_bg_use_color_gradient=&#8221;on&#8221; active_item_bg_color_gradient_stops=&#8221;rgba(255,255,255,0) 20%|#1ec8c3 100%&#8221; item_bg_color=&#8221;RGBA(255,255,255,0)&#8221; item_bg_use_color_gradient=&#8221;on&#8221; item_bg_color_gradient_stops=&#8221;rgba(255,255,255,0) 20%|#ffffff 100%&#8221; columns=&#8221;4&#8243; grid_width=&#8221;100%&#8221; grid_full_height=&#8221;on&#8221; grid_padding=&#8221;20px|20px|20px|20px|true|true&#8221; active_item_bg_color_tablet=&#8221;RGBA(255,255,255,0)&#8221; active_item_bg_color_phone=&#8221;RGBA(255,255,255,0)&#8221; active_item_bg_color_last_edited=&#8221;on|tablet&#8221; active_item_bg_use_color_gradient_tablet=&#8221;on&#8221; active_item_bg_color_gradient_stops_tablet=&#8221;rgba(30,200,195,0.75) 20%|#1ec8c3 100%&#8221; item_bg_color_tablet=&#8221;RGBA(255,255,255,0)&#8221; item_bg_color_phone=&#8221;RGBA(255,255,255,0)&#8221; item_bg_color_last_edited=&#8221;on|tablet&#8221; item_bg_use_color_gradient_tablet=&#8221;on&#8221; item_bg_color_gradient_stops_tablet=&#8221;rgba(255,255,255,0.8) 19%|#ffffff 100%&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|phone&#8221; grid_width_tablet=&#8221;85%&#8221; grid_width_phone=&#8221;85%&#8221; grid_width_last_edited=&#8221;on|tablet&#8221; grid_full_height_tablet=&#8221;on&#8221; grid_full_height_phone=&#8221;on&#8221; grid_full_height_last_edited=&#8221;on|phone&#8221; grid_padding_tablet=&#8221;80px|20px|80px|20px|true|true&#8221; grid_padding_phone=&#8221;80px|20px|80px|20px|true|true&#8221; grid_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Cinzel||||||||&#8221; content_title_text_align=&#8221;center&#8221; content_title_text_color=&#8221;#0a4341&#8243; content_title_font_size=&#8221;80px&#8221; content_desc_font=&#8221;Cinzel||||||||&#8221; content_desc_text_color=&#8221;#0a4341&#8243; content_desc_font_size=&#8221;26px&#8221; content_title_active_text_color=&#8221;#FFFFFF&#8221; content_title_active_font_size=&#8221;110px&#8221; content_desc_active_text_color=&#8221;#FFFFFF&#8221; content_desc_active_font_size=&#8221;26px&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;15px&#8221; content_button_text_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_font=&#8221;Cinzel||||on||||&#8221; content_button_use_icon=&#8221;off&#8221; content_button_custom_margin=&#8221;10px||||false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_color=&#8221;#FFFFFF&#8221; height_tablet=&#8221;&#8221; height_phone=&#8221;&#8221; height_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;||-10px|||&#8221; content_title_font_size_tablet=&#8221;120px&#8221; content_title_font_size_phone=&#8221;50px&#8221; content_title_font_size_last_edited=&#8221;on|phone&#8221; content_desc_font_size_tablet=&#8221;30px&#8221; content_desc_font_size_phone=&#8221;20px&#8221; content_desc_font_size_last_edited=&#8221;on|phone&#8221; content_title_active_font_size_tablet=&#8221;120px&#8221; content_title_active_font_size_phone=&#8221;50px&#8221; content_title_active_font_size_last_edited=&#8221;on|phone&#8221; content_desc_active_font_size_tablet=&#8221;30px&#8221; content_desc_active_font_size_phone=&#8221;20px&#8221; content_desc_active_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/Hover-gallery-01.jpg&#8221; title=&#8221;1&#8243; content_text=&#8221;\n\nconsectetur adipiscing\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;20px||10px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_css_content_title=&#8221;margin-top: 15px;&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#FFFFFF&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/Hover-gallery-04.jpg&#8221; title=&#8221;2&#8243; content_text=&#8221;\n\nconsectetur adipiscing\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;20px||10px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_css_content_title=&#8221;margin-top: 15px;&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#FFFFFF&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/Hover-gallery-02.jpg&#8221; title=&#8221;3&#8243; content_text=&#8221;\n\nconsectetur adipiscing\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;20px||10px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_css_content_title=&#8221;margin-top: 15px;&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#FFFFFF&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/Hover-gallery-03.jpg&#8221; title=&#8221;4&#8243; content_text=&#8221;\n\nconsectetur adipiscing\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore More&#8221; button_url=&#8221;#&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_orientation=&#8221;center&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;20px||10px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; custom_css_content_title=&#8221;margin-top: 15px;&#8221; global_colors_info=&#8221;{}&#8221; background__hover_enabled=&#8221;on|desktop&#8221; background_color__hover=&#8221;#FFFFFF&#8221; background_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hover Gallery Demo 06&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px|||&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;top&#8221; animation_duration=&#8221;2000ms&#8221; animation_intensity_slide=&#8221;1%&#8221; animation_starting_opacity=&#8221;70%&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100vw&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; z_index=&#8221;1&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery active_item_bg_color=&#8221;RGBA(255,255,255,0)&#8221; item_bg_color=&#8221;rgba(10,0,0,0)&#8221; grid_gap=&#8221;0px&#8221; grid_width=&#8221;90vw&#8221; gallery_animation=&#8221;ZoomIn&#8221; animation_speed=&#8221;0.8s&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Montserrat|800|on|on|||||&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_font_size=&#8221;4vw&#8221; content_title_active_text_color=&#8221;#f4bb00&#8243; z_index=&#8221;0&#8243; height=&#8221;100vh&#8221; height_tablet=&#8221;60vh&#8221; height_phone=&#8221;80vh&#8221; height_last_edited=&#8221;on|tablet&#8221; custom_margin=&#8221;||||false|false&#8221; content_title_font_size_tablet=&#8221;6vw&#8221; content_title_font_size_phone=&#8221;3vh&#8221; content_title_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-01.jpg&#8221; title=&#8221;Health&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-02.jpg&#8221; title=&#8221;Agility&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-03.jpg&#8221; title=&#8221;Stamina&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-04.jpg&#8221; title=&#8221;Strength&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-05.jpg&#8221; title=&#8221;Vitality&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/fitness-06.jpg&#8221; title=&#8221;Activeness&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover=&#8221;cursor: default;&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Hover Gallery Demo 07&#8243; _builder_version=&#8221;4.23.2&#8243; background_color=&#8221;#000000&#8243; background_enable_mask_style=&#8221;on&#8221; background_mask_style=&#8221;floating-squares&#8221; background_mask_color=&#8221;#0a0a0a&#8221; background_mask_size=&#8221;cover&#8221; custom_padding=&#8221;100px||100px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1200px&#8221; custom_margin=&#8221;||20px||false|false&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_text_color=&#8221;#FFFFFF&#8221; header_2_font_size=&#8221;57px&#8221; header_2_line_height=&#8221;0.8em&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_duration=&#8221;1250ms&#8221; animation_delay=&#8221;100ms&#8221; animation_intensity_slide=&#8221;2%&#8221; header_2_font_size_tablet=&#8221;57px&#8221; header_2_font_size_phone=&#8221;40px&#8221; header_2_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h2>Hover Gallery<\/h2>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;rgba(255,255,255,0.8)&#8221; text_line_height=&#8221;1.6em&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;|||20px|false|false&#8221; animation_style=&#8221;slide&#8221; animation_direction=&#8221;left&#8221; animation_duration=&#8221;1100ms&#8221; animation_delay=&#8221;500ms&#8221; animation_intensity_slide=&#8221;1%&#8221; border_width_left=&#8221;1px&#8221; border_color_left=&#8221;#FFFFFF&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Showcase product variations with style. With the Hover Gallery module, you can easily add product images and let users switch between them with just one click.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1200px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery item_bg_color=&#8221;#ffffff&#8221; columns=&#8221;1&#8243; grid_gap=&#8221;20px&#8221; grid_width=&#8221;120px&#8221; grid_alignment=&#8221;center-right&#8221; gallery_animation=&#8221;FadeUp&#8221; animation_speed=&#8221;0.5s&#8221; grid_padding=&#8221;0px|30px|0px|0px|false|false&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Montserrat||||||||&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_font_size=&#8221;16px&#8221; content_title_line_height=&#8221;1em&#8221; height=&#8221;601px&#8221; height_tablet=&#8221;601px&#8221; height_phone=&#8221;351px&#8221; height_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||||false|false&#8221; animation_style=&#8221;zoom&#8221; animation_duration=&#8221;1500ms&#8221; animation_intensity_zoom=&#8221;5%&#8221; animation_starting_opacity=&#8221;80%&#8221; border_radii_item=&#8221;on|100px|100px|100px|100px&#8221; border_color_all_item=&#8221;RGBA(255,255,255,0)&#8221; border_color_all_active_item=&#8221;#FFFFFF&#8221; box_shadow_style_active_item=&#8221;preset3&#8243; box_shadow_horizontal_active_item=&#8221;-2px&#8221; box_shadow_vertical_active_item=&#8221;27px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#0083db&#8221; item_active_bg_color=&#8221;#008be8&#8243; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/shoes-01.jpg&#8221; title=&#8221;Blue&#8221; content_alignment=&#8221;center&#8221; content_v_alignment=&#8221;top&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;35px||26px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#e5a800&#8243; item_active_bg_color=&#8221;#ed9200&#8243; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/shoes-03.jpg&#8221; title=&#8221;Yellow&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;35px||25px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#e20022&#8243; item_active_bg_color=&#8221;#f20028&#8243; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/shoes-02.jpg&#8221; title=&#8221;Red&#8221; content_alignment=&#8221;center&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;35px||25px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hover Gallery Demo 08&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;80px||||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;1400px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery active_item_bg_color=&#8221;#FE461D&#8221; active_item_bg_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2024\/02\/transport-pattern-bg.svg&#8221; item_bg_color=&#8221;#FFFFFF&#8221; columns=&#8221;2&#8243; grid_gap=&#8221;30px&#8221; grid_width=&#8221;100%&#8221; animation_speed=&#8221;1s&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|phone&#8221; grid_gap_tablet=&#8221;20px&#8221; grid_gap_phone=&#8221;20px&#8221; grid_gap_last_edited=&#8221;on|tablet&#8221; module_class=&#8221;dp-hg-demo&#8221; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Inter Tight||||||||&#8221; content_title_text_color=&#8221;#000000&#8243; content_title_font_size=&#8221;35px&#8221; content_title_letter_spacing=&#8221;-0.5px&#8221; content_title_line_height=&#8221;1.3em&#8221; content_desc_font=&#8221;DM Sans||||||||&#8221; content_desc_text_color=&#8221;#4D4D4D&#8221; content_desc_font_size=&#8221;18px&#8221; content_desc_letter_spacing=&#8221;-0.3px&#8221; content_desc_line_height=&#8221;1.2em&#8221; content_title_active_font=&#8221;Inter Tight||||||||&#8221; content_title_active_text_color=&#8221;#FFFFFF&#8221; content_desc_active_font=&#8221;DM Sans||||||||&#8221; content_desc_active_text_color=&#8221;#FFFFFF&#8221; background_color=&#8221;#f5f5f5&#8243; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;18px&#8221; content_button_text_color=&#8221;#a3a3a3&#8243; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_font=&#8221;DM Sans||||on||||&#8221; content_button_use_icon=&#8221;off&#8221; content_button_custom_margin=&#8221;0px||||false|false&#8221; content_button_custom_padding=&#8221;|||0px|false|false&#8221; custom_content_button_active=&#8221;on&#8221; content_button_active_text_size=&#8221;18px&#8221; content_button_active_text_color=&#8221;#FFFFFF&#8221; height=&#8221;auto&#8221; custom_padding=&#8221;30px|30px|30px|30px|true|true&#8221; custom_padding_tablet=&#8221;20px|20px|20px|20px|true|true&#8221; custom_padding_phone=&#8221;20px|20px|20px|20px|true|true&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; content_title_font_size_tablet=&#8221;25px&#8221; content_title_font_size_phone=&#8221;25px&#8221; content_title_font_size_last_edited=&#8221;on|tablet&#8221; content_title_letter_spacing_tablet=&#8221;0px&#8221; content_title_letter_spacing_phone=&#8221;0px&#8221; content_title_letter_spacing_last_edited=&#8221;on|tablet&#8221; border_radii=&#8221;on|5px|5px|5px|5px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/transport-truck-01.png&#8221; title=&#8221;Street-Hauling Behemoth Trucks&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2024\/02\/dp-transport-orange-icon-03.svg&#8221; content_image_width=&#8221;60px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore further&#8221; button_url=&#8221;#&#8221; content_v_alignment=&#8221;top&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||140px||false|false&#8221; custom_padding_tablet=&#8221;||20px||false|false&#8221; custom_padding_phone=&#8221;||20px||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;border-radius:5px;||&#8221; custom_css_content_title=&#8221;width:60%;&#8221; custom_css_content_desc=&#8221;width:60%;&#8221; custom_css_active_thumbe_image=&#8221;filter: brightness(1000%);||&#8221; global_colors_info=&#8221;{}&#8221; custom_css_content_title_last_edited=&#8221;on|tablet&#8221; custom_css_content_title_tablet=&#8221;width:100%;&#8221; custom_css_content_desc_last_edited=&#8221;on|tablet&#8221; custom_css_content_desc_tablet=&#8221;width:100%;&#8221; custom_css_content_title_phone=&#8221;width:100%;&#8221; custom_css_content_desc_phone=&#8221;width:100%;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/transport-airplane-01.png&#8221; title=&#8221;Heavenly Expeditions Aerial Marvels&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2024\/02\/dp-transport-orange-icon-06.svg&#8221; content_image_width=&#8221;60px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore further&#8221; button_url=&#8221;#&#8221; content_v_alignment=&#8221;top&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||140px||false|false&#8221; custom_padding_tablet=&#8221;||20px||false|false&#8221; custom_padding_phone=&#8221;||20px||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;border-radius:5px;||&#8221; custom_css_content_title=&#8221;width:60%;&#8221; custom_css_content_desc=&#8221;width:60%;&#8221; custom_css_active_thumbe_image=&#8221;filter: brightness(1000%);||&#8221; global_colors_info=&#8221;{}&#8221; custom_css_content_title_tablet=&#8221;width:100%;&#8221; custom_css_content_title_last_edited=&#8221;on|tablet&#8221; custom_css_content_desc_tablet=&#8221;width:100%;&#8221; custom_css_content_desc_last_edited=&#8221;on|tablet&#8221; custom_css_content_title_phone=&#8221;width:100%;&#8221; custom_css_content_desc_phone=&#8221;width:100%;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/transport-ship-01.png&#8221; title=&#8221;Maritime Mastery Horizon Vessels&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2024\/02\/dp-transport-orange-icon-04.svg&#8221; content_image_width=&#8221;60px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore further&#8221; button_url=&#8221;#&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;140px||||false|false&#8221; custom_padding_tablet=&#8221;20px||||false|false&#8221; custom_padding_phone=&#8221;20px||||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;border-radius:5px;||&#8221; custom_css_content_title=&#8221;width:60%;&#8221; custom_css_content_desc=&#8221;width:60%;&#8221; custom_css_active_thumbe_image=&#8221;filter: brightness(1000%);||&#8221; global_colors_info=&#8221;{}&#8221; custom_css_content_title_last_edited=&#8221;on|tablet&#8221; custom_css_content_desc_last_edited=&#8221;on|tablet&#8221; custom_css_content_title_tablet=&#8221;width:100%;&#8221; custom_css_content_desc_tablet=&#8221;width:100%;&#8221; custom_css_content_title_phone=&#8221;width:100%;&#8221; custom_css_content_desc_phone=&#8221;width:100%;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/transport-drone-01.png&#8221; title=&#8221;Skybound Couriers Drone Drop-offs&#8221; content_image=&#8221;https:\/\/www.divi-pixel.com\/wp-content\/uploads\/2024\/02\/dp-transport-orange-icon-02.svg&#8221; content_image_width=&#8221;60px&#8221; use_button=&#8221;on&#8221; button_text=&#8221;Explore further&#8221; button_url=&#8221;#&#8221; content_v_alignment=&#8221;bottom&#8221; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;140px||||false|false&#8221; custom_padding_tablet=&#8221;20px||||false|false&#8221; custom_padding_phone=&#8221;20px||||false|false&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;border-radius:5px;||&#8221; custom_css_content_title=&#8221;width:60%;&#8221; custom_css_content_desc=&#8221;width:60%;&#8221; custom_css_active_thumbe_image=&#8221;filter: brightness(1000%);||&#8221; global_colors_info=&#8221;{}&#8221; custom_css_content_title_last_edited=&#8221;on|tablet&#8221; custom_css_content_desc_last_edited=&#8221;on|tablet&#8221; custom_css_content_title_tablet=&#8221;width:100%;&#8221; custom_css_content_desc_tablet=&#8221;width:100%;&#8221; custom_css_content_title_phone=&#8221;width:100%;&#8221; custom_css_content_desc_phone=&#8221;width:100%;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][et_pb_code _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<style><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->    .dp-hg-demo .dipi-hg__images {<!-- [et_pb_line_break_holder] -->        z-index: 0 !important;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 980px) {<!-- [et_pb_line_break_holder] -->    .dp-hg-demo .dipi-hg__images {<!-- [et_pb_line_break_holder] -->        z-index: 999 !important;<!-- [et_pb_line_break_holder] -->        width: 600px !important;<!-- [et_pb_line_break_holder] -->        height: 300px !important;<!-- [et_pb_line_break_holder] -->        pointer-events: none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .dp-hg-demo .dipi-hg__images .dipi-hg-image {<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        width: 600px !important;<!-- [et_pb_line_break_holder] -->        height: 300px !important;<!-- [et_pb_line_break_holder] -->        z-index: 999 !important;<!-- [et_pb_line_break_holder] -->        overflow: visible;<!-- [et_pb_line_break_holder] -->        top: 50%;<!-- [et_pb_line_break_holder] -->        left: 50%;<!-- [et_pb_line_break_holder] -->        transform: translate(-50%, -50%);<!-- [et_pb_line_break_holder] -->        pointer-events: none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Hover Gallery Demo 09&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;101px||140px||false|false&#8221; custom_padding_tablet=&#8221;80px||120px||false|false&#8221; custom_padding_phone=&#8221;50px||50px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1500px&#8221; custom_padding=&#8221;0px||0px|||&#8221; animation_style=&#8221;zoom&#8221; animation_duration=&#8221;1300ms&#8221; animation_delay=&#8221;100ms&#8221; animation_intensity_zoom=&#8221;2%&#8221; animation_starting_opacity=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_cta title=&#8221;Interactive module&#8221; _builder_version=&#8221;4.19.4&#8243; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;17px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; background_enable_color=&#8221;off&#8221; background_layout=&#8221;light&#8221; max_width=&#8221;800px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||-1px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; body_font_size_tablet=&#8221;34px&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Activate image on hover or click<\/p>[\/et_pb_cta][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;897px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;||||false|false&#8221; text_font_size_tablet=&#8221;18px&#8221; text_font_size_phone=&#8221;16px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; max_width__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Allow users to switch between images on hover or click. With the Divi Pixel Hover Gallery module, you can show the corresponding images after the user interacted with the grid item content.<\/p>[\/et_pb_text][dipi_hover_gallery active_item_bg_color=&#8221;#FFFFFF&#8221; item_bg_color=&#8221;rgba(255,255,255,0.4)&#8221; columns=&#8221;4&#8243; grid_gap=&#8221;30px&#8221; grid_width=&#8221;100%&#8221; activate_on_click=&#8221;on&#8221; grid_alignment=&#8221;bottom-center&#8221; animation_speed=&#8221;0s&#8221; autoplay=&#8221;on&#8221; grid_padding=&#8221;30px|30px|30px|30px|true|true&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; grid_padding_phone=&#8221;|20px||20px|true|true&#8221; grid_padding_last_edited=&#8221;off|phone&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Play|700|||||||&#8221; content_title_text_color=&#8221;#000000&#8243; content_title_font_size=&#8221;30px&#8221; content_title_line_height=&#8221;1em&#8221; content_desc_font=&#8221;Montserrat||||||||&#8221; content_desc_text_color=&#8221;#444444&#8243; content_desc_font_size=&#8221;14px&#8221; content_desc_line_height=&#8221;1em&#8221; background_color=&#8221;#FFFFFF&#8221; height_tablet=&#8221;1000px&#8221; height_phone=&#8221;990px&#8221; height_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; item_bg_color__hover_enabled=&#8221;on|hover&#8221; item_bg_color__hover=&#8221;rgba(255,255,255,0.6)&#8221; item_bg_enable_color__hover=&#8221;on&#8221; active_item_bg_color__hover_enabled=&#8221;on|hover&#8221; active_item_bg_color__hover=&#8221;#FFFFFF&#8221; active_item_bg_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;15px|15px|15px|15px|true|true&#8221; icon_image_padding_active=&#8221;20px|20px|20px|20px|true|true&#8221; icon_image_margin_active=&#8221;-10px|0px|0px|0px|false|false&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-hover-gallery-img-02.jpg&#8221; title=&#8221;Carrot Orange&#8221; use_content_icon=&#8221;on&#8221; content_icon_color=&#8221;#f98010&#8243; content_circle_color=&#8221;#f98010&#8243; content_icon_size=&#8221;0px&#8221; content_icon_color_active=&#8221;#f98010&#8243; content_circle_color_active=&#8221;#f98010&#8243; content_icon_size_active=&#8221;0px&#8221; content_text=&#8221;\n\nPrice $155K to $200K\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More Details&#8221; button_url=&#8221;#&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;14px&#8221; content_button_text_color=&#8221;#000000&#8243; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_font=&#8221;||||on||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x35;||divi||400&#8243; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;|||||false&#8221; content_button_custom_padding=&#8221;|0px||0px|false|true&#8221; text_orientation=&#8221;left&#8221; min_height=&#8221;140px&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;40px|35px|40px|35px|true|true&#8221; custom_css_main_element=&#8221;backdrop-filter:blur(10px);&#8221; custom_css_content_desc=&#8221;margin-bottom: 0px !important;||padding: 0px !important;&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; global_colors_info=&#8221;{}&#8221; height__hover_enabled=&#8221;off|hover&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; custom_css_main_element__hover=&#8221;cursor: pointer;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;15px|15px|15px|15px|true|true&#8221; icon_image_padding_active=&#8221;20px|20px|20px|20px|true|true&#8221; icon_image_margin_active=&#8221;-10px|0px|0px|0px|false|false&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-hover-gallery-img-01.jpg&#8221; title=&#8221;Rosso Corsa&#8221; use_content_icon=&#8221;on&#8221; content_icon_color=&#8221;#fc3f17&#8243; content_circle_color=&#8221;#fc3f17&#8243; content_icon_size=&#8221;0px&#8221; content_icon_color_active=&#8221;#fc3f17&#8243; content_circle_color_active=&#8221;#fc3f17&#8243; content_icon_size_active=&#8221;0px&#8221; content_text=&#8221;\n\nPrice $180K to $210K\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More Details&#8221; button_url=&#8221;#&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;14px&#8221; content_button_text_color=&#8221;#000000&#8243; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_font=&#8221;||||on||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x35;||divi||400&#8243; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;|||||false&#8221; content_button_custom_padding=&#8221;|0px||0px|false|true&#8221; custom_padding=&#8221;40px|35px|40px|35px|true|true&#8221; custom_css_main_element=&#8221;backdrop-filter:blur(10px);&#8221; custom_css_content_desc=&#8221;margin-bottom: 0px !important;||padding: 0px !important;&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; global_colors_info=&#8221;{}&#8221; min_height__hover_enabled=&#8221;off|desktop&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; custom_css_main_element__hover=&#8221;cursor: pointer;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;15px|15px|15px|15px|true|true&#8221; icon_image_padding_active=&#8221;20px|20px|20px|20px|false|false&#8221; icon_image_margin_active=&#8221;-10px|0px|0px|0px|false|false&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-hover-gallery-img-04.jpg&#8221; title=&#8221;Orangey Yellow&#8221; use_content_icon=&#8221;on&#8221; content_icon_color=&#8221;#fdb414&#8243; content_circle_color=&#8221;#fdb414&#8243; content_icon_size=&#8221;0px&#8221; content_icon_size_active=&#8221;0px&#8221; content_text=&#8221;\n\nPrice $140K to $160K\n\n&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More Details&#8221; button_url=&#8221;#&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;14px&#8221; content_button_text_color=&#8221;#000000&#8243; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_font=&#8221;||||on||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x35;||divi||400&#8243; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;|||||false&#8221; content_button_custom_padding=&#8221;|0px||0px|false|true&#8221; custom_padding=&#8221;40px|35px|40px|35px|true|true&#8221; custom_css_main_element=&#8221;backdrop-filter:blur(10px);&#8221; custom_css_content_desc=&#8221;margin-bottom: 0px !important;||padding: 0px !important;&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; custom_css_main_element__hover=&#8221;cursor: pointer;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_icon_style=&#8221;on&#8221; use_icon_active_style=&#8221;on&#8221; icon_image_padding=&#8221;15px|15px|15px|15px|true|true&#8221; icon_image_padding_active=&#8221;20px|20px|20px|20px|false|false&#8221; icon_image_margin_active=&#8221;-10px|0px|0px|0px|false|false&#8221; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/dp-hover-gallery-img-03.jpg&#8221; title=&#8221;Dark Hot Pink&#8221; use_content_icon=&#8221;on&#8221; content_icon_color=&#8221;#fd1665&#8243; content_circle_color=&#8221;#fd1665&#8243; content_icon_size=&#8221;0px&#8221; content_icon_color_active=&#8221;#fd1665&#8243; content_circle_color_active=&#8221;#fd1665&#8243; content_icon_size_active=&#8221;0px&#8221; content_text=&#8221;Price $165K to $190K&#8221; use_button=&#8221;on&#8221; button_text=&#8221;More Details&#8221; button_url=&#8221;#&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_content_button=&#8221;on&#8221; content_button_text_size=&#8221;14px&#8221; content_button_text_color=&#8221;#000000&#8243; content_button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; content_button_border_width=&#8221;0px&#8221; content_button_border_radius=&#8221;0px&#8221; content_button_font=&#8221;||||on||||&#8221; content_button_use_icon=&#8221;on&#8221; content_button_icon=&#8221;&#x35;||divi||400&#8243; content_button_on_hover=&#8221;off&#8221; content_button_custom_margin=&#8221;|||||false&#8221; content_button_custom_padding=&#8221;|0px||0px|false|true&#8221; custom_padding=&#8221;40px|35px|40px|35px|true|true&#8221; custom_css_main_element=&#8221;backdrop-filter:blur(10px);&#8221; custom_css_content_desc=&#8221;margin-bottom: 0px !important;||padding: 0px !important;&#8221; border_radii_content_image=&#8221;on|100px|100px|100px|100px&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element__hover_enabled=&#8221;on|hover&#8221; custom_css_main_element__hover=&#8221;cursor: pointer;&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Hover Gallery Demo 10&#8243; _builder_version=&#8221;4.23.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; custom_padding=&#8221;50px||40px|||&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; make_equal=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;RGBA(255,255,255,0)&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1300px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery active_item_bg_color=&#8221;#ffb200&#8243; columns=&#8221;2&#8243; grid_gap=&#8221;0px&#8221; grid_width=&#8221;100%&#8221; grid_alignment=&#8221;bottom-center&#8221; gallery_animation=&#8221;ZoomInZoomOut&#8221; animation_speed=&#8221;0.6s&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; content_title_font=&#8221;Poppins|700|||||||&#8221; content_title_text_color=&#8221;#FFFFFF&#8221; content_title_font_size=&#8221;22px&#8221; content_title_line_height=&#8221;1em&#8221; content_desc_font=&#8221;Poppins|600||on|||||&#8221; content_desc_text_color=&#8221;#FFFFFF&#8221; content_desc_font_size=&#8221;12px&#8221; content_desc_letter_spacing=&#8221;2px&#8221; content_desc_line_height=&#8221;1em&#8221; height=&#8221;630px&#8221; border_radii=&#8221;on|30px|30px|30px|30px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_hover_gallery_item use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#f79400&#8243; item_active_bg_color=&#8221;#f97400&#8243; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/accordion-01.jpg&#8221; title=&#8221;Sarah Johnson&#8221; content_text=&#8221;\n\nCreative Director\n\n&#8221; content_alignment=&#8221;right&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][dipi_hover_gallery_item use_item_style=&#8221;on&#8221; use_item_active_style=&#8221;on&#8221; item_bg_color=&#8221;#f7a400&#8243; item_active_bg_color=&#8221;#f97400&#8243; image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/accordion-03.jpg&#8221; title=&#8221;Melissa Doe&#8221; content_text=&#8221;\n\nWeb Designer\n\n&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_css_main_element=&#8221;border-radius: 0;&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_hover_gallery_item][\/dipi_hover_gallery][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.19.4&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_cta title=&#8221;Powerful Features&#8221; _builder_version=&#8221;4.19.4&#8243; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;17px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; background_enable_color=&#8221;off&#8221; text_orientation=&#8221;left&#8221; background_layout=&#8221;light&#8221; max_width=&#8221;493px&#8221; custom_margin=&#8221;||-1px||false|false&#8221; custom_padding=&#8221;||0px|0px|false|false&#8221; body_font_size_tablet=&#8221;34px&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Highly customizable module for Divi[\/et_pb_cta][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.8em&#8221; max_width=&#8221;563px&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||30px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; max_width__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;]The Hover Gallery module brings a variety of new possibilities for displaying content on Divi website. This module comes with advanced setting to style the grid layout and content.[\/et_pb_text][et_pb_blurb title=&#8221;Add multiple grid items&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Customize grid layout and position&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Add images, icons, titles, descriptions and buttons&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Customize default and active grid item&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Autoplay mode&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;7 built-in animation effects&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Activate on hover or click&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#c1bcc9&#8243; image_icon_background_color=&#8221;#f2eff4&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Galeri Hover ialah modul elegan yang boleh membawa tapak anda ke peringkat seterusnya. Tambah berbilang kotak kandungan dan tukar latar belakang bahagian secara ajaib apabila pengguna beralih tetikus atau mengklik item grid.<div class=\"et_pb_module dipi_hover_gallery dipi_hover_gallery_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dipi-hover-gallery\" data-animation=\"&#8221;FadeLeft&#8221;\" data-animation-speed=\"0\" style=\"--dipi-hg-animation-speed: 0s;\"  data-autoplay=\"off\" data-autoplay-speed=\"3\" >\n\t\t\t\t<div class=\"dipi-hg__images\">\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"dipi-hg__items\">\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26944642,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"dipi_cpt_category":[],"class_list":["post-26944451","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/comments?post=26944451"}],"version-history":[{"count":0,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944451\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944642"}],"wp:attachment":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/media?parent=26944451"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/dipi_cpt_category?post=26944451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}