{"id":11186,"date":"2025-08-24T09:13:30","date_gmt":"2025-08-24T09:13:30","guid":{"rendered":"https:\/\/hafizman.com.my\/?p=11186"},"modified":"2025-09-28T15:55:08","modified_gmt":"2025-09-28T15:55:08","slug":"troffee-apps-2","status":"publish","type":"post","link":"https:\/\/hafizman.com.my\/?p=11186","title":{"rendered":"Troffee: Apps"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11186\" class=\"elementor elementor-11186\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc72167 e-con-full e-flex e-con e-parent\" data-id=\"dc72167\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3e4984 elementor-widget elementor-widget-image\" data-id=\"d3e4984\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0.jpg\" class=\"attachment-full size-full wp-image-9416\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0.jpg 1920w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0-300x169.jpg 300w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0-1024x576.jpg 1024w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0-768x432.jpg 768w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-temp0-1536x864.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d752567 e-flex e-con-boxed e-con e-child\" data-id=\"d752567\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35b2075 premium-svg-animated-yes elementor-widget elementor-widget-premium-svg-drawer\" data-id=\"35b2075\" data-element_type=\"widget\" data-settings=\"{&quot;animate_start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;scroll_action&quot;:&quot;viewport&quot;,&quot;animate_offset&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;draw_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.3,&quot;sizes&quot;:[]}}\" data-widget_type=\"premium-svg-drawer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t\t<div class=\"premium-svg-draw elementor-invisible\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Layer_2\" data-name=\"Layer 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 142.82 183.82\">\n  <defs>\n    <style>\n      .cls-1 {\n        fill: #ffffff;\n      }\n    <\/style>\n  <\/defs>\n  <g id=\"Layer_13\" data-name=\"Layer 13\">\n    <g id=\"Ver\">\n      <path class=\"cls-1\" d=\"M142.82,71.41C142.82,31.97,110.85,0,71.41,0S0,31.97,0,71.41c0,19.77,8.06,37.64,21.04,50.57H4.35l2.68,4.49h127.08l2.68-4.49h-15.02c12.98-12.93,21.04-30.8,21.04-50.57ZM38.13,40.28c1.61-2.97,3.99-5.12,6.9-6.69,2.32-1.25,4.84-1.24,7.39-.69,5.39,1.17,9.76,4,13.32,8.14.79.92,1.43,1.98,2.13,2.97.17.24.32.49.6.9,0-.75.05-1.29,0-1.82-.38-3.67-1.56-7.04-3.84-9.96-.49-.63-1.06-1.23-1.68-1.72-2.52-2.01-5.4-3.18-8.64-3.32-1.72-.07-3.44.12-5.12.54-.3.07-.63.3-.98-.07.11-.15.2-.31.33-.43,1.06-.9,2.07-1.86,3.2-2.66,1.62-1.17,3.47-1.85,5.46-2.09.93-.11,1.88-.18,2.82-.19,1.57-.02,2.99.45,4.32,1.3,3.13,1.99,5.42,4.63,6.69,8.14.11.31.22.63.33.94v.04c.1-.29.2-.57.3-.85,1.27-3.51,3.56-6.16,6.69-8.14,1.33-.84,2.75-1.31,4.32-1.3.94,0,1.89.07,2.82.19,1.99.24,3.84.93,5.46,2.09,1.12.81,2.14,1.76,3.2,2.66.13.11.22.28.33.43-.35.37-.68.14-.98.07-1.68-.42-3.4-.61-5.12-.54-3.23.14-6.11,1.31-8.64,3.32-.62.5-1.19,1.09-1.68,1.72-2.28,2.93-3.46,6.3-3.84,9.96-.06.53,0,1.08,0,1.82.27-.41.43-.66.6-.9.7-1,1.34-2.05,2.13-2.97,3.56-4.14,7.93-6.98,13.32-8.14,2.54-.55,5.07-.57,7.39.69,2.9,1.57,5.29,3.72,6.9,6.69,1.84,3.39,2.52,7.05,3.73,10.68.03.08-.05.19-.11.35-.18-.13-.33-.2-.43-.32-.98-1.13-1.52-2.26-2.49-3.39-2-2.32-4.44-4.01-7.28-5.12-3.17-1.24-6.45-1.26-9.76-.74-2.34.36-4.45,1.3-6.54,2.37-2.33,1.19-4.1,3.02-5.87,4.86-.03.03-.03.1-.05.2.17-.01.33-.02.48-.04,1.86-.29,3.72-.67,5.59-.84,2.52-.23,5.04.16,7.33,1.16,4.29,1.87,7.26,5.08,8.5,9.66,1.21,4.47.97,8.97-.21,13.42-.78,2.95-1.64,5.88-2.47,8.81-.05.18-.21.32-.35.54-.15-.18-.26-.26-.28-.35-.22-.91-.47-1.82-.64-2.74-.24-1.31-.4-2.63-.62-3.95-.73-4.35-2.37-8.37-4.54-12.19-.74-1.3-1.56-2.56-2.49-3.74-2.68-3.4-6.15-5.55-10.43-6.33-.59-.11-1.19-.13-1.8-.2,0,.6-.02,1.09,0,1.58.15,2.91.31,5.82.49,8.73.11,1.74.28,3.48.4,5.23.07,1.11.08,2.22.16,3.33.14,1.91.33,3.81.46,5.72.16,2.47.25,4.93.41,7.4.14,2.22.3.81.3,3.04l-9.41-.13c0-2.23.16-.82.3-3.04.16-2.47.25-4.93.41-7.4.12-1.91.32-3.81.46-5.72.08-1.11.08-2.22.16-3.33.12-1.74.29-3.48.4-5.23.18-2.91.33-5.82.49-8.73.03-.49,0-.98,0-1.58-.61.06-1.21.09-1.8.2-4.28.78-7.75,2.93-10.43,6.33-.92,1.17-1.75,2.44-2.49,3.74-2.16,3.81-3.81,7.83-4.54,12.19-.22,1.31-.38,2.64-.62,3.95-.17.92-.41,1.83-.64,2.74-.02.09-.13.17-.28.35-.14-.22-.3-.36-.35-.54-.83-2.93-1.69-5.86-2.47-8.81-1.18-4.45-1.42-8.94-.21-13.42,1.24-4.59,4.21-7.79,8.5-9.66,2.29-1,4.81-1.39,7.33-1.16,1.87.17,3.73.56,5.59.84.16.02.31.03.48.04-.02-.09-.02-.16-.05-.2-1.77-1.85-3.53-3.68-5.87-4.86-2.09-1.06-4.2-2-6.54-2.37-3.31-.51-6.59-.49-9.76.74-2.84,1.11-5.29,2.8-7.28,5.12-.98,1.13-1.51,2.26-2.49,3.39-.1.11-.24.18-.43.32-.05-.17-.13-.28-.11-.35,1.21-3.63,1.9-7.29,3.73-10.68ZM34.03,94.91h76.15c-.25,1-.55,1.99-.87,2.96H34.9c-.33-.97-.62-1.96-.87-2.96ZM35.49,99.5h73.23c-.39,1.01-.81,2-1.28,2.96H36.77c-.47-.96-.89-1.95-1.28-2.96ZM89.28,120.66h-34.34c-5.42-2.64-10.14-6.5-13.81-11.21h61.96c-3.67,4.71-8.39,8.57-13.81,11.21ZM113.88,107.45c-.07,0-74.26-.06-74.26-.06-.65-.96-1.25-1.95-1.82-2.96,0,0,76.01.09,76.08.09,3.21,0,5.82-2.61,5.82-5.82s-2.61-5.82-5.82-5.82c-.05,0-80.29.05-80.29.05-.19-.97-.34-1.96-.46-2.96,0,0,80.67-.02,80.75-.02,4.83,0,8.74,3.91,8.74,8.74s-3.91,8.74-8.74,8.74Z\"\/>\n      <path class=\"cls-1\" d=\"M11.56,147.05l3.47-.05v1.75h-3.45c-.34,1.54-.57,3.43-.68,5.58-.14,2.18-.07,4.15.18,5.92.25,1.77.77,3.15,1.59,4.13s2,1.36,3.58,1.13c-1.41,2.61-3.15,4.15-5.29,4.56-2.13.43-4.2-.2-6.19-1.88-1.16-1.09-1.81-2.47-1.93-4.13-.14-1.63-.11-3.31.09-5.04.07-.73.14-1.43.16-2.11.16-2.06.18-3.81.05-5.22-.14-1.41-.48-2.4-1.04-2.95H.33v-1.83c.26,0,3.61-2.18,6.45-5.09,2.66-2.73,4.81-6.21,5.26-6.43-.11.59-.36,11.01-.48,11.65ZM36.35,145.94c1.18.79,2.11,1.84,2.74,3.11l-4.2,7.19c-.25-.5-1-1.52-2.27-3.08-1.27-1.57-2.5-2.25-3.67-2.02-1.18.2-1.86,1.2-2.06,3.02-.2,1.79-.2,3.81.02,6.03.2,2.22.48,4.26.77,6.1.29,1.84.5,3.02.61,3.54h-10.48c.18-1.11.43-3.02.68-5.69.27-2.7.36-5.58.25-8.67-.09-3.08-.61-5.78-1.54-8.1l10.8-2.38c-.27.32-.75.93-1.41,1.79s-1.22,2.04-1.72,3.49c-.48,1.45-.61,3.22-.41,5.29h.82c.02-1.38.23-2.86.64-4.38.39-1.54,1.27-2.95,2.63-4.22,1.34-1.25,2.68-1.93,4.04-2.04,1.34-.11,2.59.23,3.77,1.02ZM62.22,151.13c-1.13-1.91-2.68-3.43-4.61-4.56-1.95-1.11-4.11-1.7-6.44-1.7s-4.52.59-6.47,1.7c-1.93,1.13-3.45,2.65-4.61,4.56-1.16,1.91-1.75,4.02-1.75,6.33s.59,4.45,1.75,6.33c1.16,1.91,2.68,3.43,4.61,4.56,1.95,1.13,4.11,1.72,6.47,1.72s4.49-.59,6.44-1.72c1.93-1.13,3.47-2.65,4.61-4.56,1.16-1.88,1.75-4.02,1.75-6.33s-.59-4.42-1.75-6.33ZM56.35,166.2c-.26.92-.71,1.48-1.33,1.68.5-1.36.24-2.99-.39-4.27-.64-1.26-1.76-2.24-2.84-3.11-2.3-1.81-3.39-4.74-3.48-7.64l-.17-.02c-.43,3.08.42,6.46,2.76,8.67.88.86,1.56,1.89,2.2,2.93.63,1.08,1.09,2.21,1.16,3.51-.66-.06-1.36-.43-2.14-1.1-.93-.79-1.88-1.97-2.79-3.49-.93-1.52-1.75-3.22-2.43-5.17-.68-1.95-1.11-3.7-1.27-5.33-.2-1.61-.14-2.95.18-3.99.32-1.04.84-1.63,1.61-1.75.09-.02.18-.02.27-.02.7,0,1.47.39,2.31,1.11.95.84,1.91,2.02,2.81,3.52.93,1.5,1.72,3.2,2.43,5.15.68,1.95,1.09,3.72,1.27,5.35.18,1.63.11,2.97-.18,3.97ZM53.15,154.73c-1.16-1.77-2.14-3.67-3.7-5.13,1.85,1.12,2.94,3.17,3.7,5.13ZM80.22,136.61c1.18.61,2.11,1.61,2.81,2.95l-6.76,5.06c-.77-2.52-1.61-4.15-2.54-4.85-.91-.73-1.72-.84-2.45-.36-.7.48-1.18,1.27-1.38,2.34-.18,1.07.02,2.13.66,3.18s1.86,1.77,3.65,2.2h4.56v1.72h-4.47c-.18,4.26-.05,8.71.45,13.29.27,2.34.64,4.81,1.13,7.46h-10.41c1.02-7.87,1.36-14.79,1-20.76h-2.22v-1.72h2.15c-.05-1.68.11-3.27.5-4.83.39-1.54,1.2-2.88,2.4-3.99,2.02-1.68,4.38-2.54,7.08-2.59,1.36,0,2.65.29,3.83.91ZM98.78,136.61c1.18.61,2.11,1.61,2.81,2.95l-6.76,5.06c-.77-2.52-1.61-4.15-2.54-4.85-.91-.73-1.72-.84-2.45-.36-.7.48-1.18,1.27-1.38,2.34-.18,1.07.02,2.13.66,3.18s1.86,1.77,3.65,2.2h4.56v1.72h-4.47c-.18,4.26-.05,8.71.45,13.29.27,2.34.64,4.81,1.13,7.46h-10.41c1.02-7.87,1.36-14.79,1-20.76h-2.22v-1.72h2.15c-.05-1.68.11-3.27.5-4.83.39-1.54,1.2-2.88,2.4-3.99,2.02-1.68,4.38-2.54,7.08-2.59,1.36,0,2.65.29,3.83.91ZM116.2,147.52c1.81,1.45,2.88,3.52,3.22,6.17.09,2-.34,3.56-1.29,4.7-.93,1.16-2.13,1.88-3.63,2.2s-3.04.23-4.63-.27-2.99-1.38-4.2-2.7c-1.22-1.29-2.02-2.99-2.4-5.08l-.5.32c.11,1.93.66,3.74,1.66,5.44.98,1.7,2.27,3.11,3.86,4.17,1.59,1.09,3.31,1.66,5.22,1.72s3.83-.57,5.78-1.93c-.23,2.06-.79,3.67-1.72,4.9-.95,1.2-2.06,2.06-3.38,2.56-1.29.52-2.63.75-3.97.73-1.95-.02-3.86-.41-5.72-1.18-1.88-.77-3.45-2.02-4.72-3.79-1.29-1.75-2-4.11-2.18-7.08-.16-2.04.14-3.9.91-5.6.79-1.72,1.88-3.2,3.29-4.4,1.43-1.22,2.99-2.11,4.74-2.65,1.09-.32,2.18-.48,3.27-.45,2.43.02,4.56.77,6.4,2.22ZM105.79,147.91c-.73.39-1.11,1.13-1.18,2.29-.07,1.13.2,2.43.84,3.83.66,1.38,1.43,2.43,2.34,3.13.91.73,1.75.93,2.5.61.73-.36,1.11-1.11,1.18-2.27s-.2-2.43-.84-3.83c-.98-2.04-2.15-3.29-3.52-3.79-.43-.14-.88-.14-1.32.02ZM139.41,147.52c1.81,1.45,2.88,3.52,3.22,6.17.09,2-.34,3.56-1.29,4.7-.93,1.16-2.13,1.88-3.63,2.2s-3.04.23-4.63-.27-2.99-1.38-4.2-2.7c-1.22-1.29-2.02-2.99-2.4-5.08l-.5.32c.11,1.93.66,3.74,1.66,5.44.98,1.7,2.27,3.11,3.86,4.17,1.59,1.09,3.31,1.66,5.22,1.72s3.83-.57,5.78-1.93c-.23,2.06-.79,3.67-1.72,4.9-.95,1.2-2.06,2.06-3.38,2.56-1.29.52-2.63.75-3.97.73-1.95-.02-3.86-.41-5.72-1.18-1.88-.77-3.45-2.02-4.72-3.79-1.29-1.75-2-4.11-2.18-7.08-.16-2.04.14-3.9.91-5.6.79-1.72,1.88-3.2,3.29-4.4,1.43-1.22,2.99-2.11,4.74-2.65,1.09-.32,2.18-.48,3.27-.45,2.43.02,4.56.77,6.4,2.22ZM128.99,147.91c-.73.39-1.11,1.13-1.18,2.29-.07,1.13.2,2.43.84,3.83.66,1.38,1.43,2.43,2.34,3.13.91.73,1.75.93,2.5.61.73-.36,1.11-1.11,1.18-2.27s-.2-2.43-.84-3.83c-.98-2.04-2.15-3.29-3.52-3.79-.43-.14-.88-.14-1.32.02ZM16.91,178.85h-1.69v4.9h-1.39v-4.9h-1.69v-1.1h4.77v1.1ZM25.82,183.75h-1.26c-.23,0-.4-.09-.5-.26l-1-1.74c-.05-.07-.1-.13-.16-.16s-.14-.05-.25-.05h-.35v2.22h-1.39v-6h1.95c.43,0,.8.04,1.11.13.31.09.56.21.75.37.19.16.33.35.42.56.09.22.13.45.13.71,0,.2-.03.38-.08.55-.05.17-.13.33-.23.48-.1.15-.23.28-.38.39-.15.12-.32.21-.52.28.09.05.18.1.25.17.08.07.15.15.21.25l1.28,2.09ZM22.87,180.57c.19,0,.35-.02.48-.07.13-.05.24-.11.33-.2.09-.08.15-.18.19-.3.04-.11.06-.24.06-.37,0-.26-.09-.47-.26-.62-.17-.15-.44-.22-.8-.22h-.56v1.78h.56ZM35.41,180.75c0,.43-.07.84-.22,1.21-.15.37-.36.7-.63.97-.27.28-.6.49-.98.65-.38.16-.81.23-1.28.23s-.89-.08-1.28-.23c-.38-.16-.71-.37-.99-.65-.27-.28-.48-.6-.63-.97-.15-.37-.22-.78-.22-1.21s.08-.84.22-1.21c.15-.37.36-.7.63-.97s.6-.49.99-.65c.38-.16.81-.24,1.28-.24s.89.08,1.28.24c.38.16.71.37.98.65.27.27.48.6.63.97.15.37.22.78.22,1.21ZM33.99,180.75c0-.3-.04-.56-.12-.8-.08-.24-.19-.44-.33-.6s-.32-.29-.53-.38-.45-.13-.71-.13-.51.04-.72.13-.39.21-.53.38c-.14.17-.25.37-.33.6s-.12.5-.12.8.04.57.12.8c.08.24.19.44.33.6.14.17.32.29.53.38.21.09.45.13.72.13s.5-.04.71-.13c.21-.09.38-.21.53-.38.14-.16.25-.37.33-.6.08-.24.12-.51.12-.8ZM41.65,177.75c.42,0,.79.05,1.09.15.3.1.55.24.75.41.2.18.34.38.43.62.09.24.14.5.14.78,0,.3-.05.57-.14.82-.1.25-.24.46-.44.64-.2.18-.45.32-.75.42-.3.1-.66.15-1.08.15h-.72v2.01h-1.39v-6h2.12ZM41.65,180.7c.36,0,.62-.09.78-.26s.24-.42.24-.72c0-.14-.02-.26-.06-.38-.04-.11-.1-.21-.19-.29s-.19-.14-.32-.19c-.13-.04-.28-.07-.46-.07h-.72v1.9h.72ZM49.46,183.75h-1.4v-6h1.4v6ZM57.97,182.2s.07,0,.1.02c.03.01.06.03.09.06l.55.58c-.24.32-.54.55-.91.71-.36.16-.79.24-1.29.24-.46,0-.86-.08-1.23-.23s-.67-.37-.92-.64c-.25-.27-.44-.6-.58-.97-.13-.37-.2-.78-.2-1.22s.07-.86.22-1.23.35-.7.61-.97c.26-.27.58-.48.95-.63.37-.15.77-.23,1.21-.23.23,0,.44.02.64.06s.38.09.56.17c.17.07.33.15.48.25.15.1.27.21.39.32l-.47.63s-.07.07-.11.1c-.04.03-.1.05-.17.05-.05,0-.1-.01-.14-.03-.04-.02-.09-.05-.14-.08-.05-.03-.1-.07-.16-.1-.06-.04-.13-.07-.21-.1s-.18-.06-.28-.08c-.11-.02-.24-.03-.38-.03-.23,0-.44.04-.63.13s-.36.21-.49.37c-.14.16-.25.36-.32.6-.08.24-.11.51-.11.81s.04.58.12.82c.08.24.2.44.34.6.14.16.31.29.5.37s.4.13.62.13c.13,0,.24,0,.35-.02.1-.01.2-.03.29-.06.09-.03.18-.07.26-.12.08-.05.16-.11.24-.18.03-.03.07-.05.11-.07s.08-.03.12-.03ZM68,183.75h-1.08c-.12,0-.22-.03-.29-.08-.07-.06-.13-.13-.17-.22l-.35-1.05h-2.28l-.35,1.05c-.03.08-.08.15-.16.21-.08.06-.17.09-.29.09h-1.09l2.32-6h1.42l2.32,6ZM65.79,181.46l-.56-1.64c-.04-.1-.09-.23-.13-.37-.05-.14-.09-.29-.14-.46-.04.17-.08.32-.13.47s-.09.27-.13.37l-.55,1.64h1.64ZM75.39,182.64v1.11h-3.62v-6h1.39v4.89h2.22ZM88.39,182.2s.07,0,.1.02c.03.01.06.03.09.06l.55.58c-.24.32-.54.55-.91.71-.36.16-.79.24-1.29.24-.46,0-.86-.08-1.23-.23s-.67-.37-.92-.64c-.25-.27-.44-.6-.58-.97-.13-.37-.2-.78-.2-1.22s.07-.86.22-1.23.35-.7.61-.97c.26-.27.58-.48.95-.63.37-.15.77-.23,1.21-.23.23,0,.44.02.64.06s.38.09.56.17c.17.07.33.15.48.25.15.1.27.21.39.32l-.47.63s-.07.07-.11.1c-.04.03-.1.05-.17.05-.05,0-.1-.01-.14-.03-.04-.02-.09-.05-.14-.08-.05-.03-.1-.07-.16-.1-.06-.04-.13-.07-.21-.1s-.18-.06-.28-.08c-.11-.02-.24-.03-.38-.03-.23,0-.44.04-.63.13s-.36.21-.49.37c-.14.16-.25.36-.32.6-.08.24-.11.51-.11.81s.04.58.12.82c.08.24.2.44.34.6.14.16.31.29.5.37s.4.13.62.13c.13,0,.24,0,.35-.02.1-.01.2-.03.29-.06.09-.03.18-.07.26-.12.08-.05.16-.11.24-.18.03-.03.07-.05.11-.07s.08-.03.12-.03ZM98.79,180.75c0,.43-.07.84-.22,1.21-.15.37-.36.7-.63.97-.27.28-.6.49-.98.65-.38.16-.81.23-1.28.23s-.89-.08-1.28-.23c-.38-.16-.71-.37-.99-.65-.27-.28-.48-.6-.63-.97-.15-.37-.22-.78-.22-1.21s.08-.84.22-1.21c.15-.37.36-.7.63-.97s.6-.49.99-.65c.38-.16.81-.24,1.28-.24s.89.08,1.28.24c.38.16.71.37.98.65.27.27.48.6.63.97.15.37.22.78.22,1.21ZM97.37,180.75c0-.3-.04-.56-.12-.8-.08-.24-.19-.44-.33-.6s-.32-.29-.53-.38-.45-.13-.71-.13-.51.04-.72.13-.39.21-.53.38c-.14.17-.25.37-.33.6s-.12.5-.12.8.04.57.12.8c.08.24.19.44.33.6.14.17.32.29.53.38.21.09.45.13.72.13s.5-.04.71-.13c.21-.09.38-.21.53-.38.14-.16.25-.37.33-.6.08-.24.12-.51.12-.8ZM104.31,178.82v1.52h2.05v1.08h-2.05v2.34h-1.4v-6h3.86v1.07h-2.46ZM112.27,178.82v1.52h2.05v1.08h-2.05v2.34h-1.4v-6h3.86v1.07h-2.46ZM120.24,178.82v1.4h1.89v1.03h-1.89v1.43h2.46v1.07h-3.86v-6h3.86v1.07h-2.46ZM128.25,178.82v1.4h1.89v1.03h-1.89v1.43h2.46v1.07h-3.86v-6h3.86v1.07h-2.46Z\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43da655 premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"43da655\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Troffee App <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-418d270 premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"418d270\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Caf\u00e9 Ordering Application <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42bad35 elementor-widget elementor-widget-ucaddon_justified_image_carousel\" data-id=\"42bad35\" data-element_type=\"widget\" data-widget_type=\"ucaddon_justified_image_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Justified Image Carousel -->\n\t\t<link id='font-awesome-css' href='https:\/\/hafizman.com.my\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/hafizman.com.my\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='owl-carousel-css' href='https:\/\/hafizman.com.my\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/owl-carousel-new\/assets\/owl.carousel.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='fancybox-css' href='https:\/\/hafizman.com.my\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_swiper_css_19301-css' href='https:\/\/hafizman.com.my\/wp-content\/uploads\/ac_assets\/full_width_image_carousel\/swiper.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_e_swiper_css_5896-css' href='https:\/\/hafizman.com.my\/wp-content\/uploads\/ac_assets\/full_width_image_carousel\/e-swiper.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_elementor_icons_css_25995-css' href='https:\/\/hafizman.com.my\/wp-content\/uploads\/ac_assets\/full_width_image_carousel\/elementor-icons.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Justified Image Carousel *\/\n\n#uc_justified_image_carousel_elementor_42bad35{\n  min-height:1px;\n}\n\n#uc_justified_image_carousel_elementor_42bad35-wrapper{\n  min-height:1px;\n}\n\n#uc_justified_image_carousel_elementor_42bad35 img{\n  height:619px !important;\n}\n\n\n@media only screen and (max-width: 1024px) {\n  #uc_justified_image_carousel_elementor_42bad35 img{\n    height: !important;\n  }\n}\n\n@media only screen and (max-width: 767px) {  \n  #uc_justified_image_carousel_elementor_42bad35 img{\n    height:563px !important;\n  }\n  \n  }\n\n#uc_justified_image_carousel_elementor_42bad35 .ue-item{\n  overflow:hidden;\n  position:relative;\n}\n\n#uc_justified_image_carousel_elementor_42bad35 .item_button{\n  transition: all .3s ease;\n  display: inline-block;\n  }\n\n\n#uc_justified_image_carousel_elementor_42bad35 .item_subtitle{\n  transition: all .3s ease;\n  }\n\n\n#uc_justified_image_carousel_elementor_42bad35 .item_title{\n  transition: all .3s ease;\n      position:absolute;  \n    bottom:0;\n    width:100%;\n}\n\n#uc_justified_image_carousel_elementor_42bad35 .owl-nav .owl-prev{\n    position:absolute;\n    \/* left:0px; *\/\n    display:inline-block;\n    text-align:center;\n}\n#uc_justified_image_carousel_elementor_42bad35 .owl-nav .owl-next{\n  position:absolute;\n  \/* right:0px; *\/\n  display:inline-block;\n  text-align:center;\n}\n\n\n\n\n\n<\/style>\n\n<div id=\"uc_justified_image_carousel_elementor_42bad35-wrapper\">\n  <div id=\"uc_justified_image_carousel_elementor_42bad35\" class=\"owl-carousel owl-theme uc-items-wrapper  \" data-lightbox=\"false\" data-use-elementor-lightbox=\"false\" data-constant-width=\"false\"  >\n      \n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-01.jpg\" alt=\"port-uiux-b-UI-01\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-01\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg\" alt=\"port-uiux-b-UI-02\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-02\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-07.jpg\" alt=\"port-uiux-b-UI-07\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-07\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg\" alt=\"port-uiux-b-UI-03\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-03\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-04.jpg\" alt=\"port-uiux-b-UI-04\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-04\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg\" alt=\"port-uiux-b-UI-05\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-05\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n\n<div class=\"item ue-item\">\n  \n      <a href=\"javascript:void(0);\"> \n  \t\n  \n<img loading=\"lazy\" decoding=\"async\"  src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg\" alt=\"port-uiux-b-UI-06\" width=\"440\" height=\"956\" alt=\"port-uiux-b-UI-06\">    \n  <\/a>  \n  <div class=\"item_title\">\n              <\/div>  \n<\/div>\n \n  <\/div>\n<\/div>\n<!-- end Justified Image Carousel -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce00a41 e-con-full e-flex e-con e-parent\" data-id=\"ce00a41\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-87aeb0a e-con-full e-flex e-con e-child\" data-id=\"87aeb0a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-144b465 elementor-widget elementor-widget-spacer\" data-id=\"144b465\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-483b112 e-con-full e-flex e-con e-child\" data-id=\"483b112\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0152d10 e-con-full e-flex e-con e-child\" data-id=\"0152d10\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-87989b9 e-con-full e-flex e-con e-child\" data-id=\"87989b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f15b55 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"5f15b55\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">About Project <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f33245f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f33245f\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b866c71 elementor-widget elementor-widget-text-editor\" data-id=\"b866c71\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><span style=\"white-space-collapse: preserve;\">TroFfee is a <\/span><span style=\"font-weight: bold; white-space-collapse: preserve;\">passion project<\/span><span style=\"white-space-collapse: preserve;\"> created to explore how design can merge tropical brand identity with a modern mobile ordering experience. The app focuses on delivering a seamless journey where users can browse the menu, customize their drinks, place orders, and enjoy a coffee experience that feels refreshing and effortless.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2d4024 e-con-full e-flex e-con e-child\" data-id=\"c2d4024\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4b327 elementor-widget elementor-widget-heading\" data-id=\"ef4b327\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Project Type<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c580e7c premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"c580e7c\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-aa93180\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Mobile App Design \"> Mobile App Design  <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Interaction Design\"> Interaction Design <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-c51060e\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Motion Design\"> Motion Design <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-280aae1 e-con-full e-flex e-con e-child\" data-id=\"280aae1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d8038 elementor-widget elementor-widget-heading\" data-id=\"28d8038\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Category \/ Area<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-060f0a0 premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"060f0a0\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-2885539\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<div class=\"premium-drawable-icon\"><svg class=\"premium-svg-nodraw e-font-icon-svg e-fas-laptop\" aria-hidden=\"true\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"U\/UX\"> U\/UX <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<div class=\"premium-drawable-icon\"><svg class=\"premium-svg-nodraw e-font-icon-svg e-fas-pencil-ruler\" aria-hidden=\"true\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M109.46 244.04l134.58-134.56-44.12-44.12-61.68 61.68a7.919 7.919 0 0 1-11.21 0l-11.21-11.21c-3.1-3.1-3.1-8.12 0-11.21l61.68-61.68-33.64-33.65C131.47-3.1 111.39-3.1 99 9.29L9.29 99c-12.38 12.39-12.39 32.47 0 44.86l100.17 100.18zm388.47-116.8c18.76-18.76 18.75-49.17 0-67.93l-45.25-45.25c-18.76-18.76-49.18-18.76-67.95 0l-46.02 46.01 113.2 113.2 46.02-46.03zM316.08 82.71l-297 296.96L.32 487.11c-2.53 14.49 10.09 27.11 24.59 24.56l107.45-18.84L429.28 195.9 316.08 82.71zm186.63 285.43l-33.64-33.64-61.68 61.68c-3.1 3.1-8.12 3.1-11.21 0l-11.21-11.21c-3.09-3.1-3.09-8.12 0-11.21l61.68-61.68-44.14-44.14L267.93 402.5l100.21 100.2c12.39 12.39 32.47 12.39 44.86 0l89.71-89.7c12.39-12.39 12.39-32.47 0-44.86z\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Graphics\"> Graphics <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-251d9d3\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<div class=\"premium-drawable-icon\"><svg class=\"premium-svg-nodraw e-font-icon-svg e-fas-running\" aria-hidden=\"true\" viewBox=\"0 0 416 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M272 96c26.51 0 48-21.49 48-48S298.51 0 272 0s-48 21.49-48 48 21.49 48 48 48zM113.69 317.47l-14.8 34.52H32c-17.67 0-32 14.33-32 32s14.33 32 32 32h77.45c19.25 0 36.58-11.44 44.11-29.09l8.79-20.52-10.67-6.3c-17.32-10.23-30.06-25.37-37.99-42.61zM384 223.99h-44.03l-26.06-53.25c-12.5-25.55-35.45-44.23-61.78-50.94l-71.08-21.14c-28.3-6.8-57.77-.55-80.84 17.14l-39.67 30.41c-14.03 10.75-16.69 30.83-5.92 44.86s30.84 16.66 44.86 5.92l39.69-30.41c7.67-5.89 17.44-8 25.27-6.14l14.7 4.37-37.46 87.39c-12.62 29.48-1.31 64.01 26.3 80.31l84.98 50.17-27.47 87.73c-5.28 16.86 4.11 34.81 20.97 40.09 3.19 1 6.41 1.48 9.58 1.48 13.61 0 26.23-8.77 30.52-22.45l31.64-101.06c5.91-20.77-2.89-43.08-21.64-54.39l-61.24-36.14 31.31-78.28 20.27 41.43c8 16.34 24.92 26.89 43.11 26.89H384c17.67 0 32-14.33 32-32s-14.33-31.99-32-31.99z\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Motion\"> Motion <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-26452b5\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<div class=\"premium-drawable-icon\"><svg class=\"premium-svg-nodraw e-font-icon-svg e-fas-mouse-pointer\" aria-hidden=\"true\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M302.189 329.126H196.105l55.831 135.993c3.889 9.428-.555 19.999-9.444 23.999l-49.165 21.427c-9.165 4-19.443-.571-23.332-9.714l-53.053-129.136-86.664 89.138C18.729 472.71 0 463.554 0 447.977V18.299C0 1.899 19.921-6.096 30.277 5.443l284.412 292.542c11.472 11.179 3.007 31.141-12.5 31.141z\"><\/path><\/svg><\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Interactive\"> Interactive <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b072fbf e-con-full e-flex e-con e-child\" data-id=\"b072fbf\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-28902c4 e-con-full e-flex e-con e-child\" data-id=\"28902c4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3259e55 elementor-widget elementor-widget-heading\" data-id=\"3259e55\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">My Role<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa194dc elementor-widget elementor-widget-text-editor\" data-id=\"fa194dc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>UI\/UX Design \u2013 crafted user flows, wireframes, and high-fidelity prototypes.<\/li><li>Order Journey Mapping \u2013 designed intuitive steps from menu browsing to checkout.<\/li><li>Brand Integration \u2013 applied TroFfee\u2019s visual identity (green &amp; beige palette, line icons)<\/li><li>Interactive Prototyping \u2013 built clickable mockups for user testing<\/li><li>User Experience Optimization \u2013 simplified navigation and improved usability for mobile ordering<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd8356a e-con-full e-flex e-con e-child\" data-id=\"bd8356a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d419430 elementor-widget elementor-widget-heading\" data-id=\"d419430\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tool I Use<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-186acae premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"186acae\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-bc8efbe\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/07\/Logo-Figma.png\" alt=\"Logo-Figma\">\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Figma\"> Figma <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/07\/Logo-AI.png\" alt=\"Logo-AI\">\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Illustrator\"> Illustrator <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-11cfda1\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/07\/Logo-PSD.png\" alt=\"Logo-PSD\">\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Photoshop\"> Photoshop <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-2885539\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/07\/Logo-AE.png\" alt=\"Logo-AE\">\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"After Effects\"> After Effects <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26fd4a e-flex e-con-boxed e-con e-child\" data-id=\"c26fd4a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a6f043b e-con-full e-flex e-con e-child\" data-id=\"a6f043b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6de1d41 e-con-full e-flex e-con e-child\" data-id=\"6de1d41\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0bc0d38 e-con-full e-flex e-con e-child\" data-id=\"0bc0d38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d87ecb premium-header-inline elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"4d87ecb\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Design <\/span><span class=\"premium-dual-header-second-header premium-dual-header-second-clip gradient\">Process<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37f82ad elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"37f82ad\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">The design approach follows a <strong>user-centered UI\/UX<\/strong> process, ensuring the Troffee app delivers both functionality and delightful experiences:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d717976 e-con-full e-flex e-con e-child\" data-id=\"d717976\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e9b581 elementor-widget elementor-widget-image\" data-id=\"3e9b581\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1240\" height=\"694\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-07.png\" class=\"attachment-full size-full wp-image-11086\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-07.png 1240w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-07-300x168.png 300w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-07-1024x573.png 1024w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-07-768x430.png 768w\" sizes=\"(max-width: 1240px) 100vw, 1240px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05f8846 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"05f8846\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"610\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05.png\" class=\"attachment-large size-large wp-image-9456\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05.png 872w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05-300x210.png 300w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05-768x537.png 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4631c09 e-flex e-con-boxed e-con e-child\" data-id=\"4631c09\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-58b9148 e-con-full e-flex e-con e-child\" data-id=\"58b9148\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-08b9222 e-con-full e-flex e-con e-child\" data-id=\"08b9222\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6ece714 e-con-full e-flex e-con e-child\" data-id=\"6ece714\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba00c9d e-con-full e-flex e-con e-child\" data-id=\"ba00c9d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9008f67 premium-header-inline elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"9008f67\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Architecture <\/span><span class=\"premium-dual-header-second-header premium-dual-header-second-clip gradient\">Structure<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f027e8d elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"f027e8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">The app\u2019s architecture is designed with a clear, user-friendly flow. Each layer is structured to ensure smooth navigation, minimal steps, and a consistent brand experience\u2014combining simplicity, clarity, and tropical-inspired design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afdb00f e-con-full e-flex e-con e-child\" data-id=\"afdb00f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68ef746 elementor-widget elementor-widget-image\" data-id=\"68ef746\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"581\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-08-1024x661.png\" class=\"attachment-large size-large wp-image-11087\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-08-1024x661.png 1024w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-08-300x194.png 300w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-08-768x496.png 768w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-08.png 1055w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0fb5c78 e-flex e-con-boxed e-con e-child\" data-id=\"0fb5c78\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c63e95 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"6c63e95\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"610\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05.png\" class=\"attachment-large size-large wp-image-9456\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05.png 872w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05-300x210.png 300w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-05-768x537.png 768w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de0580f e-con-full e-flex e-con e-child\" data-id=\"de0580f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a67200e e-con-full e-flex e-con e-child\" data-id=\"a67200e\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-04ee1b4 e-con-full e-flex e-con e-child\" data-id=\"04ee1b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8c8a1 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"ae8c8a1\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">User <\/span><span class=\"premium-dual-header-second-header \">Flow<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c400984 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c400984\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><span style=\"white-space-collapse: preserve;\">The user flow is designed to be simple and intuitive: users start with Login\/Sign Up, then move to Browse Menu, Select Items, Add to Cart, Make Payment, and finally Track Order &amp; Earn Rewards.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02c85af e-con-full e-flex e-con e-child\" data-id=\"02c85af\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5f403e e-con-full e-flex e-con e-child\" data-id=\"d5f403e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01f8356 elementor-widget elementor-widget-image\" data-id=\"01f8356\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"937\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-09-984x1024.png\" class=\"attachment-large size-large wp-image-11088\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-09-984x1024.png 984w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-09-288x300.png 288w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-09-768x799.png 768w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-09.png 1003w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d32c45c e-flex e-con-boxed e-con e-child\" data-id=\"d32c45c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-368c800 e-con-full e-flex e-con e-child\" data-id=\"368c800\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-271e4d8 e-con-full e-flex e-con e-child\" data-id=\"271e4d8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0194b2d e-con-full e-flex e-con e-child\" data-id=\"0194b2d\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd7a513 e-con-full e-flex e-con e-child\" data-id=\"bd7a513\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aab643 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"1aab643\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Wireframe <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0898d08 elementor-widget elementor-widget-text-editor\" data-id=\"0898d08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><strong>Low-fidelity<\/strong> wireframes defined the user flow, while high-fidelity prototypes showcased TroFfee\u2019s branding, visuals, and interactions for a seamless app experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d92f789 e-con-full e-flex e-con e-child\" data-id=\"d92f789\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f68b08 premium-img-compare-horizontal elementor-widget elementor-widget-premium-addon-image-comparison\" data-id=\"8f68b08\" data-element_type=\"widget\" data-widget_type=\"premium-addon-image-comparison.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"premium-images-compare-container premium-twentytwenty-container\" data-settings=\"{&quot;orientation&quot;:&quot;horizontal&quot;,&quot;visibleRatio&quot;:0.5,&quot;switchBefore&quot;:false,&quot;beforeLabel&quot;:&quot;&quot;,&quot;switchAfter&quot;:false,&quot;afterLabel&quot;:&quot;&quot;,&quot;mouseMove&quot;:true,&quot;clickMove&quot;:false,&quot;showDrag&quot;:true,&quot;showSep&quot;:true,&quot;overlay&quot;:false,&quot;beforePos&quot;:null,&quot;afterPos&quot;:null,&quot;verbeforePos&quot;:null,&quot;verafterPos&quot;:null}\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-03.png\" alt=\"\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-04.png\" alt=\"\">\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ed3348 e-flex e-con-boxed e-con e-child\" data-id=\"7ed3348\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d37b287 e-con-full e-flex e-con e-child\" data-id=\"d37b287\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7a6d8 elementor-widget elementor-widget-premium-addon-title\" data-id=\"dd7a6d8\" data-element_type=\"widget\" data-settings=\"{&quot;shining_animation_duration&quot;:3}\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"premium-title-container style8\">\n\t\t\t<h2 class=\"premium-title-header premium-title-style8 premium-con-lq__\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" data-shiny-delay=\"3\" data-shiny-dur=\"3\" >\n\t\t\t\t\tDesign System \t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a6219 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c3a6219\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">This <strong>style guide<\/strong> ensures cohesion, usability, and brand recognition across all app screens.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25465d2 e-con-full e-flex e-con e-child\" data-id=\"25465d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b9923bc e-con-full e-flex e-con e-child\" data-id=\"b9923bc\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4c1925a e-con-full e-flex e-con e-child\" data-id=\"4c1925a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6ff5e6 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"c6ff5e6\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Iconography <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7afec3e elementor-widget elementor-widget-text-editor\" data-id=\"7afec3e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">The TroFfee app uses a clean <strong data-start=\"247\" data-end=\"266\">line icon style<\/strong> to represent its features and navigation. The icons are designed to be <strong data-start=\"338\" data-end=\"377\">minimal, modern, and highly legible<\/strong>, ensuring an intuitive user experience. Each icon reflects coffee culture and tropical elements, reinforcing the brand\u2019s identity while maintaining simplicity and elegance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86aaba7 e-con-full e-flex e-con e-child\" data-id=\"86aaba7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09b273e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"09b273e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63a489d premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"63a489d\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">48 px  <\/span><span class=\"premium-dual-header-second-header \"> - Large<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e3365e premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"9e3365e\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M31.8902 57.8008H68.1098L64.0721 90.0426C63.7922 92.3213 61.8733 94.0004 59.5746 94.0004H40.4054C38.1067 94.0004 36.2078 92.3213 35.908 90.0426L31.8702 57.8008H31.8902Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M69.3691 48.7451H30.6309C30.0789 48.7451 29.6315 49.1926 29.6315 49.7446V56.8006C29.6315 57.3525 30.0789 57.8 30.6309 57.8H69.3691C69.921 57.8 70.3685 57.3525 70.3685 56.8006V49.7446C70.3685 49.1926 69.921 48.7451 69.3691 48.7451Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M64.4518 44.2078L34.7485 41.8291L32.3699 48.5653H66.8304L64.4518 44.2078Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Small\"> Small <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-17fec49\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M30.8908 40.8496H69.1093L65.0716 90.0419C64.7917 92.3206 62.8728 93.9996 60.5741 93.9996H39.406C37.1073 93.9996 35.2084 92.3206 34.9086 90.0419L30.8708 40.8496H30.8908Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M70.3685 31.7939H29.6315C29.0795 31.7939 28.6321 32.2414 28.6321 32.7934V39.8494C28.6321 40.4014 29.0795 40.8488 29.6315 40.8488H70.3685C70.9205 40.8488 71.368 40.4014 71.368 39.8494V32.7934C71.368 32.2414 70.9205 31.7939 70.3685 31.7939Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M65.4312 27.2566L33.7291 24.8779L31.3505 31.6141H67.8099L65.4312 27.2566Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Large\"> Large <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-cafd25e\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M67.5901 32.396L33.5094 29.8574L31.6704 40.1916H70.8483L67.5901 32.396Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M30.5909 48.0664H70.4285L65.991 90.6424C65.6711 93.141 63.5723 94.9999 61.0538 94.9999H39.9657C37.4471 94.9999 35.3483 93.141 35.0284 90.6424L30.5909 48.0664Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M53.1784 48.0673L55.4771 85.0464M50.9996 21.0625L52.5987 40.0518\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M32.1301 60.2002H68.8494\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.1318 40.1914H70.8483C72.2075 40.1914 73.3469 41.3108 73.3469 42.69V48.087H26.6532V42.69C26.6532 41.3308 27.7726 40.1914 29.1518 40.1914H29.1318Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Cold\"> Cold <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-8aaaa6a\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M67.4701 54.0625H74.9659C77.7043 54.0625 79.963 56.3012 79.963 59.0597V66.5555C79.963 69.2939 77.7243 71.5526 74.9659 71.5526H67.4701V54.0825V54.0625Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M25.034 49.0654H62.4729C65.2114 49.0654 67.4701 51.3042 67.4701 54.0626V74.0313C67.4701 85.0251 58.4752 94.0001 47.5014 94.0001H40.0056C29.0118 94.0001 20.0369 85.0052 20.0369 74.0313V54.0626C20.0369 51.3242 22.2756 49.0654 25.034 49.0654Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M41.3649 23H48.5608C51.2193 23 53.3581 25.1588 53.3581 27.7973C53.3581 30.4358 51.1994 32.5946 48.5608 32.5946H34.149C31.4905 32.5946 29.3517 34.7534 29.3517 37.3919C29.3517 40.0304 31.5105 42.1892 34.149 42.1892H58.1554\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Hot\"> Hot <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e329a43 e-con-full e-flex e-con e-child\" data-id=\"e329a43\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8a6d8fe e-con-full e-flex e-con e-child\" data-id=\"8a6d8fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69d27c0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"69d27c0\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-964054e premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"964054e\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">36 px  <\/span><span class=\"premium-dual-header-second-header \"> - Medium<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36d7299 premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"36d7299\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M27.1646 7.05897L37.6931 16.7114C38.6599 17.6026 39.2037 18.8413 39.2037 20.1555V37.4966C39.2037 40.0796 37.1191 42.1642 34.5361 42.1642C28.8111 42.1642 19.1889 42.1642 13.4639 42.1642C10.8808 42.1642 8.79626 40.0796 8.79626 37.4966C8.79626 34.7021 8.79626 31.6961 8.79626 31.6961V20.1403C8.79626 18.8262 9.34006 17.5875 10.3068 16.6963L20.8354 7.04386C22.6178 5.41246 25.367 5.41246 27.1495 7.04386L27.1646 7.05897Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M17.4669 42.179H30.1405V29.5055C30.1405 28.1158 29.0075 26.9678 27.6027 26.9678H20.0046C18.6149 26.9678 17.4669 28.1007 17.4669 29.5055V42.179Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Home\"> Home <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-17fec49\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.7341 5.82031H31.2656C32.5949 5.82031 33.0933 7.05897 33.6825 8.2372L34.8909 10.6541H13.0936L14.3021 8.2372C14.8912 7.04386 15.3897 5.82031 16.719 5.82031H16.7341Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M13.0938 10.6689H34.9061C36.2354 10.6689 37.323 11.7565 37.323 13.0858V15.5027H10.6769V13.0858C10.6769 11.7565 11.7645 10.6689 13.0938 10.6689Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M13.0936 15.5186H34.8908L32.6854 39.8838C32.5646 41.1828 31.5223 42.1798 30.2685 42.1798H17.6856C16.4319 42.1798 15.3896 41.1979 15.2688 39.8838L13.0634 15.5186H13.0936Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M34.3471 21.5762L33.0329 36.1077H14.9667L13.6375 21.5762H34.3471Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Menu\"> Menu <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-72aaa44\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M33.6902 5.82812H14.3098C11.6319 5.82812 9.46094 7.99904 9.46094 10.677V37.3231C9.46094 40.0011 11.6319 42.172 14.3098 42.172H33.6902C36.3682 42.172 38.5391 40.0011 38.5391 37.3231V10.677C38.5391 7.99904 36.3682 5.82812 33.6902 5.82812Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M24.7177 12.3696L26.1074 15.6022L29.6119 15.9194C29.9291 15.9496 30.1859 16.1611 30.2916 16.4632C30.3973 16.7653 30.2916 17.0826 30.065 17.294L27.4216 19.6203L28.1919 23.0492C28.2675 23.3665 28.1466 23.6686 27.8898 23.8649C27.633 24.0462 27.3007 24.0613 27.0288 23.9103L24.0077 22.1127L20.9866 23.9103C20.7147 24.0764 20.3824 24.0613 20.1256 23.8649C19.8688 23.6837 19.7479 23.3665 19.8235 23.0492L20.5939 19.6203L17.9504 17.294C17.7087 17.0826 17.6181 16.7653 17.7238 16.4632C17.8295 16.1611 18.0863 15.9496 18.4036 15.9194L21.908 15.6022L23.2977 12.3696C23.4186 12.0826 23.7056 11.9014 24.0228 11.9014C24.34 11.9014 24.6119 12.0826 24.7479 12.3696H24.7177Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.5183 31.2656H32.4818\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M20.3671 36.1143H27.6328\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Reward\"> Reward <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-7a042cf\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M24.2342 5.83496C28.796 5.83496 32.4969 9.53581 32.4969 14.0977C32.4969 18.6595 28.796 22.3604 24.2342 22.3604C19.6723 22.3604 15.9714 18.6595 15.9714 14.0977C15.9714 9.53581 19.6723 5.83496 24.2342 5.83496Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.337 28.9619H32.663C35.8352 28.9619 38.4333 31.9377 38.4333 35.563V42.1641H9.56665V35.563C9.56665 31.9226 12.1648 28.9619 15.337 28.9619Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Account\"> Account <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-31e124f\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M10.9043 17.4512H8.27598C6.83271 17.4512 5.66272 18.6212 5.66272 20.0644V35.7893C5.66272 37.2325 6.83271 38.4025 8.27598 38.4025H10.9043C12.3476 38.4025 13.5176 37.2325 13.5176 35.7893V20.0644C13.5176 18.6212 12.3476 17.4512 10.9043 17.4512Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M33.1698 21.3787H37.1879C39.0157 21.3787 40.4809 22.2246 41.4779 23.7503C42.4748 25.2759 42.5957 27.0433 41.8857 28.72L38.6078 36.5749C37.7921 38.5386 35.9341 39.7168 33.8043 39.7168H22.1428C20.7078 39.7168 19.59 39.0522 18.4419 38.1761L13.5024 34.4752V21.3787L21.3573 12.2097C23.2908 9.95894 23.9706 8.28223 26.5989 8.28223C28.7741 8.28223 30.5264 10.0345 30.5264 12.2097V18.7655C30.5264 20.2005 31.7046 21.3787 33.1396 21.3787H33.1698Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Top Pick\"> Top Pick <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-521ce53\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M42.3715 24.3447C43.8972 30.0394 39.3655 36.1874 32.2508 38.1058C27.1603 39.4653 22.1301 38.2871 19.1241 35.417C23.4896 33.7403 26.6618 28.6648 26.6618 22.6679C26.6618 20.9308 26.3899 19.2692 25.9065 17.7435C26.1784 17.6529 26.4503 17.5774 26.7222 17.5019C33.8369 15.5986 40.8459 18.665 42.3715 24.3598V24.3447Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M42.3717 24.3451C32.9761 20.5687 30.1211 29.3753 23.8826 31.6562\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.9974 9.33008C7.99146 19.9946 24.0033 25.3268 15.9974 36.0064\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.9974 9.33008C21.8885 9.33008 26.6619 15.2968 26.6619 22.6683C26.6619 30.0398 21.8885 36.0064 15.9974 36.0064C10.1062 36.0064 5.33289 30.0398 5.33289 22.6683C5.33289 15.2968 10.1062 9.33008 15.9974 9.33008Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Coffee\"> Coffee <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66612f8 premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"66612f8\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.0154 12.7236H33.3414C34.0514 12.7236 34.6556 12.9804 35.1541 13.494C35.6375 14.0076 35.8792 14.6269 35.849 15.3369L34.9124 36.7414C34.7916 39.4302 32.5862 41.5299 29.8974 41.5299H19.4444C16.7556 41.5299 14.5502 39.4151 14.4293 36.7414L13.4928 15.3369C13.4626 14.6269 13.6891 14.0076 14.1876 13.494C14.671 12.9804 15.2903 12.7236 16.0003 12.7236H16.0154Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M12.1484 6.46973H20.3809C21.6951 6.46973 22.7827 7.4818 22.8734 8.79598L23.961 24.0072\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M13.8856 24.0078H35.4563\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Non-coffee\"> Non-coffee <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-17fec49\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M20.4276 41.8238C20.4276 38.2589 6.16797 35.8723 6.16797 27.5642C6.16797 26.3709 7.3613 25.1927 9.73287 25.1927C7.3613 21.6278 7.24046 14.9511 12.5576 14.1354C10.9262 12.1113 12.1195 6.1748 15.6693 6.1748C19.2342 6.1748 20.4276 8.54637 21.7267 11.6732\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.4274 41.8238C21.6208 38.2589 19.5966 36.0686 18.0559 33.5007C14.491 27.5642 13.2976 21.6127 19.2492 21.6127C18.0559 18.0477 18.0559 12.1113 24.0075 12.1113C24.0075 9.46781 25.6086 6.1748 29.8533 6.1748C34.0979 6.1748 34.7022 9.7095 34.7022 12.1113C39.4604 12.1113 40.261 18.1686 38.2671 21.6127C41.2429 22.806 41.832 23.9842 41.832 26.96C41.832 34.0596 25.2008 41.8087 20.4425 41.8087L20.4274 41.8238Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M20.4274 41.8238C21.6208 38.2589 19.5966 36.0686 18.0559 33.5007C14.491 27.5642 13.2976 21.6127 19.2492 21.6127C18.0559 18.0477 18.0559 12.1113 24.0075 12.1113C24.0075 9.46781 25.6086 6.1748 29.8533 6.1748C34.0979 6.1748 34.7022 9.7095 34.7022 12.1113C39.4604 12.1113 40.261 18.1686 38.2671 21.6127C41.2429 22.806 41.832 23.9842 41.832 26.96C41.832 34.0596 25.2008 41.8087 20.4425 41.8087L20.4274 41.8238Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M19.8386 41.8245C27.5575 37.0662 29.9291 27.5649 29.9291 18.0635\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.944 24L25.1858 19.2568\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.9441 23.9995L33.4939 20.4346\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M27.5573 32.322C26.9682 32.322 21.6208 28.168 21.6208 28.168\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M27.5423 32.3227C26.9532 32.3227 33.4939 28.7578 33.4939 28.7578\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Matcha\"> Matcha <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-72aaa44\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M24.0077 9.28809C29.0076 9.28809 33.1314 13.0343 33.7357 17.868H14.2646C14.8689 13.0343 18.9927 9.28809 23.9926 9.28809H24.0077Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M14.2041 22.7764H33.8262L31.6359 40.2384C31.4848 41.477 30.4425 42.3833 29.2039 42.3833H18.8264C17.5877 42.3833 16.5455 41.477 16.3944 40.2384L14.2041 22.7764Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M25.3219 22.7771L26.4548 37.4898M24.0077 5.61719L24.9442 17.8829\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M14.9595 28.9102H33.0408\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M33.8111 17.8672H14.189C13.5133 17.8672 12.9655 18.415 12.9655 19.0907V21.5529C12.9655 22.2287 13.5133 22.7765 14.189 22.7765H33.8111C34.4868 22.7765 35.0346 22.2287 35.0346 21.5529V19.0907C35.0346 18.415 34.4868 17.8672 33.8111 17.8672Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Frappe\"> Frappe <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-7a042cf\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M14.2495 13.0322H26.4396C27.784 13.0322 28.8716 14.1349 28.8716 15.4642V29.2253C27.8746 29.0894 26.9532 28.7118 26.0922 28.6967C23.4487 28.6664 21.5605 31.2193 21.5605 34.3612C21.5605 38.047 24.0832 41.1587 27.497 42.0348C27.1798 42.1859 26.8173 42.2765 26.4245 42.2765H14.2344C12.89 42.2765 11.8024 41.1738 11.8024 39.8445V15.4793C11.8024 14.1349 12.9051 13.0473 14.2344 13.0473L14.2495 13.0322Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M11.8024 20.3438H28.8716\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M17.9048 20.3438V9.37722L10.5938 5.72168\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.4757 28.2743C29.4757 24.6188 31.3035 22.791 34.959 22.791C34.959 26.4466 33.1312 28.2743 29.4757 28.2743Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.4757 29.2715C30.7295 29.2715 31.7718 28.7126 32.8745 28.6975C35.518 28.6673 37.4061 31.2202 37.4061 34.3621C37.4061 38.7427 33.8564 42.2774 29.4909 42.2774C25.1103 42.2774 21.5756 38.7276 21.5756 34.3621C21.5756 31.2202 23.4486 28.6673 26.1072 28.6975C27.1495 28.6975 28.2673 29.2715 29.506 29.2715H29.4757Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Juice\"> Juice <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-31e124f\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.21466 9.71777H31.9001C33.3503 9.71777 34.5285 10.896 34.5285 12.3461V23.8112C34.5285 31.7718 28.018 38.2823 20.0574 38.2823C12.0968 38.2823 5.5863 31.7718 5.5863 23.8112V12.3461C5.5863 10.896 6.76453 9.71777 8.21466 9.71777Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M34.5286 12.3462H37.1569C40.0572 12.3462 42.4136 14.7177 42.4136 17.6029C42.4136 20.5031 40.0421 22.8596 37.1569 22.8596H34.5286V12.3311V12.3462Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M23.9998 9.79297V13.7355\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M19.9669 17.6925L24.0001 13.75L27.852 17.6925V22.9493C27.852 23.6743 27.2629 24.2634 26.5378 24.2634H21.2811C20.556 24.2634 19.9669 23.6743 19.9669 22.9493V17.6925Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Tea\"> Tea <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-521ce53\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M42.4062 21.5454C42.4062 16.6361 37.4969 12.9504 32.8444 9.74802C32.3912 9.44591 31.8927 9.26465 31.3942 9.26465C30.9109 9.26465 30.4728 9.49123 30.0045 9.71781L6.63628 20.8053C5.8961 21.1527 5.59399 21.9986 5.59399 22.8143V36.2733C5.59399 37.6177 6.6967 38.7355 8.05619 38.7355H39.9742C41.3186 38.7355 42.4364 37.6328 42.4364 36.2733V21.5454H42.4062Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M5.56372 30.1405C8.64525 32.6027 11.0923 27.6783 14.7781 30.1405C17.8596 32.6027 20.3067 27.6783 23.9925 30.1405M23.9774 30.1405C27.0589 32.6027 29.506 27.6783 33.1917 30.1405C36.2733 32.6027 38.7203 27.6783 42.4061 30.1405\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M5.92627 21.5449H42.4061\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Pastries\"> Pastries <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2883a0f e-con-full e-flex e-con e-child\" data-id=\"2883a0f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-937fd1b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"937fd1b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53ac05d premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"53ac05d\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">16 px  <\/span><span class=\"premium-dual-header-second-header \"> - Small<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d81a1f premium-type-row elementor-widget elementor-widget-premium-icon-list\" data-id=\"3d81a1f\" data-element_type=\"widget\" data-settings=\"{&quot;rbadges_repeater&quot;:[]}\" data-widget_type=\"premium-icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<ul class=\"premium-bullet-list-box\">\n\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-a07cf99\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M18.0001 6.54492C22.8347 6.54492 26.759 10.4693 26.759 15.3039C26.759 20.1385 23.7854 25.3372 20.4275 29.3223C19.8004 30.0707 18.971 30.4551 18.0001 30.4551C17.0291 30.4551 16.1997 30.0707 15.5726 29.3223C12.2147 25.3372 9.24109 20.3408 9.24109 15.3039C9.24109 10.4693 13.1654 6.54492 18.0001 6.54492Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M18 11.3184C20.2049 11.3184 21.9851 13.0985 21.9851 15.3034C21.9851 17.5083 20.2049 19.2884 18 19.2884C15.7951 19.2884 14.015 17.5083 14.015 15.3034C14.015 13.0985 15.7951 11.3184 18 11.3184Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Location\"> Location <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-17fec49\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M27.6289 18.7021V28.8569C27.6289 29.7267 26.9209 30.4549 26.0308 30.4549H10.0907C9.2209 30.4549 8.49268 29.7469 8.49268 28.8569V18.7021\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M29.8338 15.2634L26.9208 7.81932C26.6174 7.03041 25.9094 6.54492 25.0598 6.54492H11.0414C10.2121 6.54492 9.48383 7.03041 9.18041 7.81932L6.26749 15.2634C6.10567 15.6882 6.08544 16.0928 6.20681 16.5378C6.57092 17.792 7.72395 18.7023 9.07926 18.7023C10.2121 18.7023 11.2235 18.055 11.709 17.1245C11.7899 16.9829 11.9113 16.9222 12.0529 16.9222C12.1945 16.9222 12.3361 17.0031 12.3967 17.1245C12.9025 18.0752 13.8937 18.7023 15.0265 18.7023C16.1593 18.7023 17.1707 18.055 17.6562 17.1245C17.7371 16.9829 17.8585 16.9222 18.0001 16.9222C18.1417 16.9222 18.2833 17.0031 18.3439 17.1245C18.8497 18.0752 19.8409 18.7023 20.9736 18.7023C22.1064 18.7023 23.1179 18.055 23.6034 17.1245C23.6843 16.9829 23.8056 16.9222 23.9472 16.9222C24.0888 16.9222 24.2304 17.0031 24.2911 17.1245C24.7968 18.0752 25.788 18.7023 26.9208 18.7023C28.2762 18.7023 29.4292 17.792 29.7933 16.5378C29.9147 16.0928 29.8944 15.6882 29.7326 15.2634H29.8338Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M29.8338 15.2634L26.9208 7.81932C26.6174 7.03041 25.9094 6.54492 25.0598 6.54492H11.0414C10.2121 6.54492 9.48383 7.03041 9.18041 7.81932L6.26749 15.2634C6.10567 15.6882 6.08544 16.0928 6.20681 16.5378C6.57092 17.792 7.72395 18.7023 9.07926 18.7023C10.2121 18.7023 11.2235 18.055 11.709 17.1245C11.7899 16.9829 11.9113 16.9222 12.0529 16.9222C12.1945 16.9222 12.3361 17.0031 12.3967 17.1245C12.9025 18.0752 13.8937 18.7023 15.0265 18.7023C16.1593 18.7023 17.1707 18.055 17.6562 17.1245C17.7371 16.9829 17.8585 16.9222 18.0001 16.9222C18.1417 16.9222 18.2833 17.0031 18.3439 17.1245C18.8497 18.0752 19.8409 18.7023 20.9736 18.7023C22.1064 18.7023 23.1179 18.055 23.6034 17.1245C23.6843 16.9829 23.8056 16.9222 23.9472 16.9222C24.0888 16.9222 24.2304 17.0031 24.2911 17.1245C24.7968 18.0752 25.788 18.7023 26.9208 18.7023C28.2762 18.7023 29.4292 17.792 29.7933 16.5378C29.9147 16.0928 29.8944 15.6882 29.7326 15.2634H29.8338Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M19.2773 28.6752L21.8261 28.652V23.3348C21.8261 22.8898 21.462 22.5459 21.0372 22.5459H17.0522C16.6072 22.5459 16.2633 22.91 16.2633 23.3348L16.243 28.6752H19.2773Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Shop\"> Shop <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-72aaa44\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M8.04762 22.6467C7.56213 21.3521 7.27893 19.9563 7.27893 18.4999C7.27893 12.0874 12.4777 6.88867 18.8901 6.88867C25.3026 6.88867 30.5013 12.0874 30.5013 18.4999C30.5013 24.9123 25.3026 30.111 18.8901 30.111C16.4222 30.111 14.1364 29.3424 12.2552 28.0275\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M5.49878 21.1699L8.18918 23.8603\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M10.8593 21.1699L8.18909 23.8603\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M18.9103 11.3389V18.4998\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M23.3808 22.9705L18.9103 18.5\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Timing\"> Timing <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-7a042cf\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M16.4323 7.5459C21.6108 7.5459 25.8184 11.7534 25.8184 16.9319C25.8184 22.1105 21.6108 26.318 16.4323 26.318C11.2538 26.318 7.04626 22.1105 7.04626 16.9319C7.04626 11.7534 11.2336 7.5459 16.4323 7.5459Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M28.9539 29.4542L23.0674 23.5879\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Search\"> Search <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-31e124f\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M29.8438 22.2321L16.9986 29.5751L6.15613 22.5558L8.19921 12.8258L19.2238 7.4248L28.0232 12.5022L29.8438 22.2321Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M11.375 14.6465L16.9985 17.9033L24.6854 14.5049\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M16.9987 17.9033V28.7054\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Choc\"> Choc <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-521ce53\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M42.3715 24.3447C43.8972 30.0394 39.3655 36.1874 32.2508 38.1058C27.1603 39.4653 22.1301 38.2871 19.1241 35.417C23.4896 33.7403 26.6618 28.6648 26.6618 22.6679C26.6618 20.9308 26.3899 19.2692 25.9065 17.7435C26.1784 17.6529 26.4503 17.5774 26.7222 17.5019C33.8369 15.5986 40.8459 18.665 42.3715 24.3598V24.3447Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M42.3717 24.3451C32.9761 20.5687 30.1211 29.3753 23.8826 31.6562\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.9974 9.33008C7.99146 19.9946 24.0033 25.3268 15.9974 36.0064\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M15.9974 9.33008C21.8885 9.33008 26.6619 15.2968 26.6619 22.6683C26.6619 30.0398 21.8885 36.0064 15.9974 36.0064C10.1062 36.0064 5.33289 30.0398 5.33289 22.6683C5.33289 15.2968 10.1062 9.33008 15.9974 9.33008Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Coffee\"> Coffee <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\n\t\t\t<li class=\"premium-bullet-list-content elementor-repeater-item-e4ad793\">\n\t\t\t\t<div class=\"premium-bullet-list-text\">\n\t\t\t\t\t\t\t\t<div class=\"premium-bullet-list-wrapper premium-bullet-list-wrapper-top \">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"premium-drawable-icon premium-svg-nodraw\">\n\t\t\t\t\t\t\t<svg width=\"36\" height=\"37\" viewBox=\"0 0 36 37\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M25.5453 30.0407H10.475C9.8277 30.0407 9.30176 29.5148 9.30176 28.8675V12.4014L12.0326 6.95996H23.9675L26.6983 12.3003V28.8675C26.6983 29.5148 26.1724 30.0407 25.5251 30.0407H25.5453Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M18.0204 7.12207V12.7658\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<path d=\"M20.6095 24.1138H15.431C14.6825 24.1138 14.0554 23.507 14.0554 22.7383V15.4965L18.0202 12.7656L21.985 15.4965V22.7383C21.985 23.4868 21.3782 24.1138 20.6095 24.1138Z\" stroke=\"#113F42\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<span   data-text=\"Tea\"> Tea <\/span>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/li>\n\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f838fdd e-flex e-con-boxed e-con e-child\" data-id=\"f838fdd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c1b8b2f e-con-full e-flex e-con e-child\" data-id=\"c1b8b2f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-aadc543 e-con-full e-flex e-con e-child\" data-id=\"aadc543\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-14ddc52 e-con-full e-flex e-con e-child\" data-id=\"14ddc52\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-058c4b3 e-con-full e-flex e-con e-child\" data-id=\"058c4b3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17728eb premium-title-color elementor-widget elementor-widget-premium-addon-title\" data-id=\"17728eb\" data-element_type=\"widget\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"premium-title-container style7\">\n\t\t\t<h2 class=\"premium-title-header premium-title-style7\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-style7-stripe-wrap\">\n\t\t\t\t\t\t\t<span class=\"premium-title-style7-stripe\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-title-style7-inner\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" >\n\t\t\t\t\tPrata\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86316be e-con-full e-flex e-con e-child\" data-id=\"86316be\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad01e4d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ad01e4d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Aa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42e0592 elementor-widget elementor-widget-text-editor\" data-id=\"42e0592\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><b>Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rs Ss Tt Uu Vv Ww Xx Yy Zz<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8389c e-con-full e-flex e-con e-child\" data-id=\"be8389c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00296a6 premium-title-color elementor-widget elementor-widget-premium-addon-title\" data-id=\"00296a6\" data-element_type=\"widget\" data-widget_type=\"premium-addon-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"premium-title-container style7\">\n\t\t\t<h2 class=\"premium-title-header premium-title-style7\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-style7-stripe-wrap\">\n\t\t\t\t\t\t\t<span class=\"premium-title-style7-stripe\"><\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<div class=\"premium-title-style7-inner\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"premium-title-text\" >\n\t\t\t\t\tPoppins\t\t\t\t<\/span>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d7f5da e-con-full e-flex e-con e-child\" data-id=\"6d7f5da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39d806a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"39d806a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Aa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bac803d elementor-widget elementor-widget-text-editor\" data-id=\"bac803d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><b>Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rs Ss Tt Uu Vv Ww Xx Yy Zz<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-113db37 e-con-full e-flex e-con e-child\" data-id=\"113db37\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78a210d premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"78a210d\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Typography <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b6113 elementor-widget elementor-widget-text-editor\" data-id=\"f3b6113\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\"><strong data-start=\"165\" data-end=\"205\">Font pairing <\/strong>of Sentient and Poppins to balance creativity with readability. This combination creates a <strong data-start=\"590\" data-end=\"621\">harmonious visual hierarchy<\/strong>, where <strong data-start=\"629\" data-end=\"656\">Prata <\/strong>adds character while <strong data-start=\"663\" data-end=\"696\">Poppins <\/strong>ensures functionality, resulting in a design that is both engaging and user-friendly.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5030897 e-flex e-con-boxed e-con e-child\" data-id=\"5030897\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-091fae9 e-con-full e-flex e-con e-child\" data-id=\"091fae9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-246798f e-con-full e-flex e-con e-child\" data-id=\"246798f\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6eac488 e-con-full e-flex e-con e-child\" data-id=\"6eac488\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4d4071 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"c4d4071\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip gradient\"><span class=\"premium-dual-header-first-span\">Color  <\/span><span class=\"premium-dual-header-second-header \"> Palette <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6173a59 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6173a59\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">Its uses a <strong data-start=\"161\" data-end=\"188\">nature-inspired palette<\/strong> to reflect its tropical coffee brand identity :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f438db e-con-full e-flex e-con e-child\" data-id=\"0f438db\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a1617bc e-con-full e-flex e-con e-child\" data-id=\"a1617bc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4996197 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"4996197\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Primary <\/span><span class=\"premium-dual-header-second-header \">(Green)<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c97f6d7 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"c97f6d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">Represents freshness, growth, and the tropical essence of the brand.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f52cc63 e-con-full e-flex e-con e-child\" data-id=\"f52cc63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0f6e5 premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"ef0f6e5\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Secondary <\/span><span class=\"premium-dual-header-second-header \">(Beige)<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c5b00c elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"7c5b00c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">Evokes warmth, coffee beans, and an earthy balance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8c1a2 e-con-full e-flex e-con e-child\" data-id=\"be8c1a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7601d2b premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"7601d2b\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Contrast <\/span><span class=\"premium-dual-header-second-header \">(Gray)<\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75fc0d7 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"75fc0d7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">Provides contrast and readability, ensuring a modern and professional look.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f43acb e-con-full e-flex e-con e-child\" data-id=\"0f43acb\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ad19760 e-con-full e-flex e-con e-child\" data-id=\"ad19760\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-59356fe e-con-full e-flex e-con e-child\" data-id=\"59356fe\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a856fbf elementor-widget elementor-widget-spacer\" data-id=\"a856fbf\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a48f9c7 elementor-widget elementor-widget-heading\" data-id=\"a48f9c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#113F42<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3422587 e-con-full e-flex e-con e-child\" data-id=\"3422587\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3211b elementor-widget elementor-widget-spacer\" data-id=\"4f3211b\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c787c77 elementor-widget elementor-widget-heading\" data-id=\"c787c77\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#A9B488<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b3cefc e-con-full e-flex e-con e-child\" data-id=\"6b3cefc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ca931 elementor-widget elementor-widget-spacer\" data-id=\"26ca931\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-021f909 elementor-widget elementor-widget-heading\" data-id=\"021f909\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#E4E8DA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-627d198 e-con-full e-flex e-con e-child\" data-id=\"627d198\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-703d0a2 e-con-full e-flex e-con e-child\" data-id=\"703d0a2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9ba49c elementor-widget elementor-widget-spacer\" data-id=\"b9ba49c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6806794 elementor-widget elementor-widget-heading\" data-id=\"6806794\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#B1895E<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9bbcd3 e-con-full e-flex e-con e-child\" data-id=\"d9bbcd3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d91dfa elementor-widget elementor-widget-spacer\" data-id=\"6d91dfa\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d081bd elementor-widget elementor-widget-heading\" data-id=\"5d081bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#D1B196<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b8fa493 e-con-full e-flex e-con e-child\" data-id=\"b8fa493\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19db180 elementor-widget elementor-widget-spacer\" data-id=\"19db180\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e935669 elementor-widget elementor-widget-heading\" data-id=\"e935669\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#113F42<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5a98ca e-con-full e-flex e-con e-child\" data-id=\"b5a98ca\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-587c35b e-con-full e-flex e-con e-child\" data-id=\"587c35b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58644d6 elementor-widget elementor-widget-spacer\" data-id=\"58644d6\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0eaca81 elementor-widget elementor-widget-heading\" data-id=\"0eaca81\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#4C4C4C<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfc44d3 e-con-full e-flex e-con e-child\" data-id=\"cfc44d3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22e775c elementor-widget elementor-widget-spacer\" data-id=\"22e775c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a25e889 elementor-widget elementor-widget-heading\" data-id=\"a25e889\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#777777<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64b411c e-con-full e-flex e-con e-child\" data-id=\"64b411c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a805cb elementor-widget elementor-widget-spacer\" data-id=\"9a805cb\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae8fa0a elementor-widget elementor-widget-heading\" data-id=\"ae8fa0a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#C5C5C5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2af7703 e-con-full e-flex e-con e-child\" data-id=\"2af7703\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a47a0e elementor-widget elementor-widget-spacer\" data-id=\"4a47a0e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-029f7ec elementor-widget elementor-widget-heading\" data-id=\"029f7ec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">#F1F1F1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f53661c e-flex e-con-boxed e-con e-child\" data-id=\"f53661c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f97f4e6 premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"f97f4e6\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">User Interface <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f281ab5 e-con-full e-flex e-con e-child\" data-id=\"f281ab5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-a169aeb e-con-full e-flex e-con e-child\" data-id=\"a169aeb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67567d4 elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"67567d4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg\" class=\"attachment-full size-full wp-image-10712\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-881231b elementor-widget elementor-widget-image\" data-id=\"881231b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-01.gif\" class=\"attachment-full size-full wp-image-10524\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f1ba92 e-con-full e-flex e-con e-child\" data-id=\"9f1ba92\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed2026a elementor-widget elementor-widget-heading\" data-id=\"ed2026a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Home page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb7b665 premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"bb7b665\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Highlight <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-beeb1c3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"beeb1c3\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b69a1d0 elementor-widget elementor-widget-text-editor\" data-id=\"b69a1d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Highlight carousel with smooth motion to showcase featured beverages and enhance user engagement. This interactive feature allows users to <strong data-start=\"309\" data-end=\"333\">swipe<\/strong>\u00a0through the drinks, each presented with appealing visuals, names, prices and quick add to cart options.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b5a44d4 e-con-full e-flex e-con e-child\" data-id=\"b5a44d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9e1256f e-con-full e-flex e-con e-child\" data-id=\"9e1256f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e4f74e elementor-widget elementor-widget-heading\" data-id=\"5e4f74e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Detail Page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae1489 premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"8ae1489\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Summary <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01c5b0e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"01c5b0e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30f94dc elementor-widget elementor-widget-text-editor\" data-id=\"30f94dc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before users select their drink preferences, the app displays a <strong data-start=\"223\" data-end=\"243\">detailed summary<\/strong> that includes the <strong data-start=\"262\" data-end=\"311\">description, ingredients, and nutrition facts<\/strong>. This feature is designed to <strong data-start=\"341\" data-end=\"369\">promote health awareness<\/strong>, helping customers make informed choices about what they consume.<\/p><p>By presenting transparency and useful details up front, TroFfee builds <strong data-start=\"507\" data-end=\"526\">trust and value<\/strong> for health-conscious users while enhancing the overall customer experience.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ebbf7e e-con-full e-flex e-con e-child\" data-id=\"4ebbf7e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d26d8b5 elementor-widget elementor-widget-image\" data-id=\"d26d8b5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-02.gif\" class=\"attachment-full size-full wp-image-10523\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-729899d elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"729899d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg\" class=\"attachment-full size-full wp-image-10715\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db2f55f e-flex e-con-boxed e-con e-child\" data-id=\"db2f55f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6d51401 e-con-full e-flex e-con e-child\" data-id=\"6d51401\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5a50da premium-title-first-wave-yes premium-header-inline premium-box-lq__none elementor-widget elementor-widget-premium-addon-dual-header\" data-id=\"a5a50da\" data-element_type=\"widget\" data-widget_type=\"premium-addon-dual-header.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"premium-dual-header-first-header premium-dual-header-first-clip\"><span class=\"premium-dual-header-first-span\">Prototyping\u200b <\/span><\/h2> \t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bca4c2e elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"bca4c2e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"243\" data-end=\"574\">The <strong>high-fidelity<\/strong> prototype translated the wireframes into a polished visual design using the TroFfee brand identity.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f840394 gallery-spacing-custom elementor-widget elementor-widget-image-gallery\" data-id=\"f840394\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4.2,&quot;sizes&quot;:[]},&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-11186 gallery-columns-6 gallery-size-medium_large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-UI-01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA2OTMsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wMS5qcGciLCJzbGlkZXNob3ciOiJmODQwMzk0In0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-01.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-01.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-01.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-01-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-UI-02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTIsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wMi5qcGciLCJzbGlkZXNob3ciOiJmODQwMzk0In0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-gif-01\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA1MjQsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1naWYtMDEuZ2lmIiwic2xpZGVzaG93IjoiZjg0MDM5NCJ9\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-01.gif'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-01.gif\" class=\"attachment-medium_large size-medium_large\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-UI-03\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTMsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wMy5qcGciLCJzbGlkZXNob3ciOiJmODQwMzk0In0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-UI-04\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTQsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wNC5qcGciLCJzbGlkZXNob3ciOiJmODQwMzk0In0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-04.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-04.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-04.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-04-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"f840394\" data-elementor-lightbox-title=\"port-uiux-b-UI-06\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTYsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wNi5qcGciLCJzbGlkZXNob3ciOiJmODQwMzk0In0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d5166b gallery-spacing-custom elementor-widget elementor-widget-image-gallery\" data-id=\"1d5166b\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:5,&quot;sizes&quot;:[]},&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-2' class='gallery galleryid-11186 gallery-columns-6 gallery-size-medium_large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-UI-07\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3ODcsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wNy5qcGciLCJzbGlkZXNob3ciOiIxZDUxNjZiIn0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-07.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-07.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-07.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-07-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-UI-03\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTMsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wMy5qcGciLCJzbGlkZXNob3ciOiIxZDUxNjZiIn0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-03-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-gif-02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA1MjMsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1naWYtMDIuZ2lmIiwic2xpZGVzaG93IjoiMWQ1MTY2YiJ9\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-02.gif'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-gif-02.gif\" class=\"attachment-medium_large size-medium_large\" alt=\"\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-UI-05\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTUsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wNS5qcGciLCJzbGlkZXNob3ciOiIxZDUxNjZiIn0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-05-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-UI-06\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTYsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wNi5qcGciLCJzbGlkZXNob3ciOiIxZDUxNjZiIn0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-06-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"1d5166b\" data-elementor-lightbox-title=\"port-uiux-b-UI-02\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTA3MTIsInVybCI6Imh0dHBzOlwvXC9oYWZpem1hbi5jb20ubXlcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzA4XC9wb3J0LXVpdXgtYi1VSS0wMi5qcGciLCJzbGlkZXNob3ciOiIxZDUxNjZiIn0%3D\" href='https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"956\" src=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02.jpg 440w, https:\/\/hafizman.com.my\/wp-content\/uploads\/2025\/08\/port-uiux-b-UI-02-138x300.jpg 138w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65bdcf4 e-flex e-con-boxed e-con e-parent\" data-id=\"65bdcf4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Troffee App Caf\u00e9 Ordering Application About Project TroFfee is a passion project created to explore how design can merge tropical brand identity with a modern mobile ordering experience. The app focuses on delivering a seamless journey where users can browse the menu, customize their drinks, place orders, and enjoy a coffee experience that feels refreshing &#8230; <a title=\"Troffee: Apps\" class=\"read-more\" href=\"https:\/\/hafizman.com.my\/?p=11186\" aria-label=\"Read more about Troffee: Apps\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":11580,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[20,17],"tags":[26],"class_list":["post-11186","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphics","category-ui-ux","tag-troffee"],"acf":[],"_links":{"self":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/11186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11186"}],"version-history":[{"count":32,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/11186\/revisions"}],"predecessor-version":[{"id":11455,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/posts\/11186\/revisions\/11455"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=\/wp\/v2\/media\/11580"}],"wp:attachment":[{"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hafizman.com.my\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}