PageSourceSearch

https://makavisuals.com/projects/

html makavisuals.com collected 2026-10-08 11:09:28 UTC 191,607 bytes, 2,445 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
7
8<!-- Google Tag Manager for WordPress by gtm4wp.com -->
9<script data-cfasync="false" data-pagespeed-no-defer>
10	var gtm4wp_datalayer_name = "dataLayer";
11	var dataLayer = dataLayer || [];
12</script>
12
13<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
14	<!-- This site is optimized with the Yoast SEO plugin v26.9 - https://yoast.com/product/yoast-seo-wordpress/ -->
15	<title>Projects - MAKA</title>
16	<link rel="canonical" href="https://3358c9.bitraven.cloud/projects/" />
17	<meta property="og:locale" content="en_US" />
18	<meta property="og:type" content="article" />
19	<meta property="og:title" content="Projects - MAKA" />
20	<meta property="og:url" content="https://3358c9.bitraven.cloud/projects/" />
21	<meta property="og:site_name" content="MAKA" />
22	<meta property="article:publisher" content="https://www.facebook.com/makavisuals/" />
23	<meta property="article:modified_time" content="2023-01-11T12:07:22+00:00" />
24	<meta name="twitter:card" content="summary_large_image" />
25	
25<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://3358c9.bitraven.cloud/projects/","url":"https://3358c9.bitraven.cloud/projects/","name":"Projects - MAKA","isPartOf":{"@id":"https://3358c9.bitraven.cloud/#website"},"datePublished":"2022-10-06T11:13:16+00:00","dateModified":"2023-01-11T12:07:22+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://3358c9.bitraven.cloud/projects/"]}]},{"@type":"WebSite","@id":"https://3358c9.bitraven.cloud/#website","url":"https://3358c9.bitraven.cloud/","name":"MAKA","description":"Say it with video, say it with MAKA.","publisher":{"@id":"https://3358c9.bitraven.cloud/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://3358c9.bitraven.cloud/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://3358c9.bitraven.cloud/#organization","name":"MAKA","url":"https://3358c9.bitraven.cloud/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://3358c9.bitraven.cloud/#/schema/logo/image/","url":"https://makavisuals.com/wp-content/uploads/2022/10/maka-favicon.png","contentUrl":"https://makavisuals.com/wp-content/uploads/2022/10/maka-favicon.png","width":512,"height":512,"caption":"MAKA"},"image":{"@id":"https://3358c9.bitraven.cloud/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/makavisuals/"]}]}</script>
25
26	<!-- / Yoast SEO plugin. -->
27
28
29<style>@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;900&display=swap);:root{--spacer:8.33333vw;--spacer-mobile:15px;--vh:1vh;--vhinit:1vh}html{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgba(26,26,26,var(--tw-bg-opacity));font-size:10px}@media (min-width:768px){html{font-size:16px}}main{font-family:Work Sans,sans-serif;overflow:hidden;position:relative}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}[x-cloak]{display:none!important}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}h1,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b{font-weight:bolder}button{-webkit-appearance:button;background-color:initial;background-image:none;color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h3,p{margin:0}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-28{top:7rem}.bottom-16{bottom:4rem}.bottom-10{bottom:2.5rem}.left-0{left:0}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-0{z-index:0}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-\[2px\]{margin-top:2px}.mt-1{margin-top:.25rem}.mt-9{margin-top:2.25rem}.mr-4{margin-right:1rem}.ml-5{margin-left:1.25rem}.block{display:block}.inline-block{display:inline-block}
29.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-auto{height:auto}.h-full{height:100%}.h-\[6vw\]{height:6vw}.h-screen{height:100vh;height:calc(var(--vh)*100)}.h-screenInit{height:100vh;height:calc(var(--vhinit)*100)}.h-\[2px\]{height:2px}.w-full{width:100%}.w-7\/12{width:58.333333%}.w-1\/2{width:50%}.w-4{width:1rem}.w-auto{width:auto}.w-screen{width:100vw}.w-32{width:8rem}.w-3\/10{width:30%}.w-5\/10{width:50%}.w-12{width:3rem}.-translate-x-1\/4{--tw-translate-x:-25%}.-translate-x-1\/4,.translate-x-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/4{--tw-translate-x:25%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-full{--tw-translate-x:100%}.-rotate-12,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate:-12deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-8{gap:2rem}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-orange{--tw-border-opacity:1;border-color:rgba(241,90,35,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgba(26,26,26,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-dgrey{--tw-bg-opacity:1;background-color:#262626;background-color:rgba(38,38,38,var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.object-cover{object-fit:cover}.px-spacer-mobile{padding-left:20px;padding-right:20px}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-spacer{padding-left:8.33333vw;padding-right:8.33333vw}.py-36{padding-bottom:9rem;padding-top:9rem}.pt-96{padding-top:24rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-primary{font-family:Work Sans,sans-serif}.text-t3{font-size:3.875rem;line-height:4.375rem}.text-lead-sm{font-size:18px;line-height:26px}.text-p1-sm{font-size:16px;line-height:20px}.text-\[9vw\]{font-size:9vw}.text-t4{font-size:1.875rem;line-height:2.375rem}.text-p2-sm{font-size:14px;line-height:18px}.text-p1{font-size:1rem;line-height:1.25rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\[10vw\]{line-height:10vw}.text-orange{--tw-text-opacity:1;color:rgba(241,90,35,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.opacity-0{opacity:0}
29.shadow-none{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}:root{--swiper-theme-color:#007aff}.button svg *{fill:#f15a23}svg.dgrey *{fill:#262626}svg.white *{fill:#fff}svg.shadow-none *{filter:none}.home .background-illustrations{display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:border:before{border-width:1px;content:var(--tw-content)}.before\:border-orange:before{--tw-border-opacity:1;border-color:rgba(241,90,35,var(--tw-border-opacity));content:var(--tw-content)}.before\:duration-500:before,.before\:transition-all:before{content:var(--tw-content)}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:right-auto{right:auto}.lg\:left-0{left:0}.lg\:top-0{top:0}.lg\:bottom-10{bottom:2.5rem}.lg\:bottom-auto{bottom:auto}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[66px\]{height:66px}.lg\:w-20{width:5rem}.lg\:bg-transparent{background-color:initial}.lg\:px-spacer{padding-left:8.33333vw;padding-right:8.33333vw}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-t2{font-size:6.25rem;line-height:6.25rem}.lg\:text-p1{font-size:1rem;line-height:1.25rem}.lg\:text-lead{font-size:1.125rem;line-height:1.625rem}.lg\:text-p2{font-size:.875rem;line-height:1.125rem}.lg\:opacity-0{opacity:0}}.\[\&\.hide\]\:translate-y-16.hide{--tw-translate-y:4rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\.hide\]\:opacity-0.hide{opacity:0}</style><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://makavisuals.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakavisuals.com%2Fprojects%2F" />
30<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://makavisuals.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakavisuals.com%2Fprojects%2F&#038;format=xml" />
31<style id="wp-img-auto-sizes-contain-inline-css">
32img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
33/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
34</style>
35<link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='formidable' href='https://makavisuals.com/wp-content/plugins/formidable/css/formidableforms.css?ver=2131203' type='text/css' media='all' defer /><style id="wp-emoji-styles-inline-css">
36
37	img.wp-smiley, img.emoji {
38		display: inline !important;
39		border: none !important;
40		box-shadow: none !important;
41		height: 1em !important;
42		width: 1em !important;
43		margin: 0 0.07em !important;
44		vertical-align: -0.1em !important;
45		background: none !important;
46		padding: 0 !important;
47	}
48/*# sourceURL=wp-emoji-styles-inline-css */
49</style>
50<link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='wp-block-library' href='https://makavisuals.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' type='text/css' media='all' defer /><link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='app/0' href='https://makavisuals.com/wp-content/themes/maka/public/css/app.81f5f3.css' type='text/css' media='all' defer /><style id="block-visibility-screen-size-styles-inline-css">
51/* Large screens (desktops, 992px and up) */
52@media ( min-width: 992px ) {
53	.block-visibility-hide-large-screen {
54		display: none !important;
55	}
56}
57
58/* Medium screens (tablets, between 768px and 992px) */
59@media ( min-width: 768px ) and ( max-width: 991.98px ) {
60	.block-visibility-hide-medium-screen {
61		display: none !important;
62	}
63}
64
65/* Small screens (mobile devices, less than 768px) */
66@media ( max-width: 767.98px ) {
67	.block-visibility-hide-small-screen {
68		display: none !important;
69	}
70}
71/*# sourceURL=block-visibility-screen-size-styles-inline-css */
72</style>
73<script id="jquery-core-js" src="https://makavisuals.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 73
73
74<script id="jquery-migrate-js" src="https://makavisuals.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
74
75<link rel="https://api.w.org/" href="https://makavisuals.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://makavisuals.com/wp-json/wp/v2/pages/21" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://makavisuals.com/xmlrpc.php?rsd" />
76<meta name="generator" content="WordPress 7.1.3" />
77<link rel='shortlink' href='https://makavisuals.com/?p=21' />
78
79<!-- Google Tag Manager for WordPress by gtm4wp.com -->
80<!-- GTM Container placement set to automatic -->
81<script data-cfasync="false" data-pagespeed-no-defer>
82	var dataLayer_content = {"pagePostType":"page","pagePostType2":"single-page","pagePostAuthor":"bitraven"};
83	dataLayer.push( dataLayer_content );
84</script>
vendor: 1 bytes, line 84
84
85<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 85-90
85
86(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
87new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
88j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
89'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
90})(window,document,'script','dataLayer','
90GTM-N58GBVGH
vendor: 4 bytes, line 90
90');
91</script>
91
92<!-- End Google Tag Manager for WordPress by gtm4wp.com -->
93		
93<script>
vendor: 113 bytes, lines 93-96
93
94		(function(h,o,t,j,a,r){
95			h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
96			h._hjSettings={hjid:
966653564
vendor: 232 bytes, lines 96-102
96,hjsv:5};
97			a=o.getElementsByTagName('head')[0];
98			r=o.createElement('script');r.async=1;
99			r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
100			a.appendChild(r);
101		})(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
102		
102</script>
102
103		<meta name="generator" content="Elementor 3.35.3; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
104			<style>
105				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
106				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
107					background-image: none !important;
108				}
109				@media screen and (max-height: 1024px) {
110					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
111					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
112						background-image: none !important;
113					}
114				}
115				@media screen and (max-height: 640px) {
116					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
117					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
118						background-image: none !important;
119					}
120				}
121			</style>
122			<link rel="icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-32x32.png" sizes="32x32" />
123<link rel="icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-192x192.png" sizes="192x192" />
124<link rel="apple-touch-icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-180x180.png" />
125<meta name="msapplication-TileImage" content="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-270x270.png" />
126  </head>
127
128  <body class="wp-singular page-template-default page page-id-21 wp-embed-responsive wp-theme-maka projects elementor-default elementor-kit-3107">
129    
130<!-- GTM Container placement set to automatic -->
131<!-- Google Tag Manager (noscript) -->
132				<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N58GBVGH" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript>
133<!-- End Google Tag Manager (noscript) -->    
134    <div id="app">
135      <header x-cloak class="flex justify-between bg-black lg:bg-transparent bg-opacity-50 fixed items-center px-10 py-8 top-0 left-0 w-full z-50 font-primary transition-all duration-700  [&.hide]:-translate-y-full">
136  <a class="relative block site-logo z-50" href="https://makavisuals.com">
137    <svg class="relative top-0" width="123" height="28" viewBox="0 0 123 28" fill="none" xmlns="http://www.w3.org/2000/svg">
138<g clip-path="url(#clip0_367_1509)">
139<path d="M25.0017 28.0002V14.411H23.7339V16.1131L20.6101 28.0002H13.2115L10.0835 16.224V14.411H8.81716V28.0002H0L1.70392 0.00158691H13.2984L16.2769 9.78954V11.7271H17.5446V9.78954L20.5231 0.00158691H32.1543L33.8215 28.0002H25.0017Z" fill="white"/>
140<path d="M91.6852 0H82.8436L78.509 9.25802C78.3754 9.56313 78.2761 9.88234 78.2128 10.2097C78.1344 10.7117 78.0849 11.2178 78.0647 11.7255H76.7807V0H67.8901V28H76.7807V15.5117H78.0647C78.0845 16.0163 78.1339 16.5193 78.2128 17.018C78.2776 17.3392 78.3769 17.6524 78.509 17.9519L83.0651 27.9945H91.908L85.0176 13.7385L91.6852 0Z" fill="white"/>
141<path d="M115.813 0H102.069L94.8838 27.9986H104.259L105.255 23.5524H112.593L113.631 27.9945H123.007L115.813 0ZM106.887 16.4319L108.309 10.2836V8.58705H109.576V10.3179L110.961 16.4319H106.887Z" fill="white"/>
142<path d="M64.9134 27.9986H56.5745C55.7334 25.6347 55.2182 23.1656 55.0431 20.6604L54.7428 16.3621C54.5648 13.811 54.9467 10.5 52.9207 8.96772L52.1489 6.34546C52.0888 6.13953 51.9575 5.96209 51.7788 5.84529C51.6001 5.72849 51.3858 5.68004 51.1747 5.70872L50.9165 7.96811C50.7806 7.96811 50.6543 7.9599 50.517 7.96811C50.3798 7.97633 50.2765 7.9777 50.1542 7.98729L49.7724 6.69053C49.7118 6.48516 49.5806 6.30826 49.4023 6.19157C49.224 6.07488 49.0103 6.02603 48.7995 6.0538L48.6365 8.31045C47.881 8.58431 47.2016 9.04577 46.8021 9.74961C46.7287 9.88654 46.8021 10.0892 46.8565 10.5068C46.8565 10.5068 45.1159 11.6311 45.1254 11.8584C45.2612 14.8243 48.2642 14.163 48.2642 14.163C48.2519 17.6164 46.9298 22.9143 45.4719 26.8224L45.0574 27.9986H36.7974L43.984 0H57.7281L64.9134 27.9986Z" fill="white"/>
143</g>
144<defs>
145<clipPath id="clip0_367_1509">
146<rect width="123" height="28" fill="white"/>
147</clipPath>
148</defs>
149</svg>  </a>
150
151      <div class="hidden lg:flex items-center gap-8">
152              <a href="https://makavisuals.com/projects/" class="flex items-center group z-10 relative">
153          <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Projects</p>
154          <img loading="lazy" width="91" height="78" src="https://makavisuals.com/wp-content/uploads/2022/10/clapperboard.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
155        </a>
156
157                      <a href="https://makavisuals.com/services/" class="flex items-center group z-10 relative">
158          <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Services</p>
159          <img loading="lazy" width="117" height="100" src="https://makavisuals.com/wp-content/uploads/2022/10/spotlight.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
160        </a>
161
162                  <div x-cloak class="services-menu fixed w-screen h-screen top-0 left-0 bg-dgrey z-0 flex px-spacer py-36 transition-all duration-700 sopacity-0 -translate-y-full [&.show]:-translate-y-0 overflow-scroll">
163            
164            <div class="w-3/10" data-tabs-toggle="#services-content" >
165                              
166                <a data-tabs-target="#tv-commercial" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/tv-commercial/">TV Commercials</a>
167                              
168                <a data-tabs-target="#explainer" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/explainer/">Explainer Videos</a>
169                              
170                <a data-tabs-target="#lead-gen-campaign" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/lead-gen-campaign/">Lead Gen Videos</a>
171                              
172                <a data-tabs-target="#social-media" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/social-media/">Social Media Videos</a>
173                              
174                <a data-tabs-target="#product-launch" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/product-launch/">Product Launch</a>
175                              
176                <a data-tabs-target="#brand-awareness" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/brand-awareness/">Brand Awareness</a>
177                              
178                <a data-tabs-target="#video-campaign" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/video-campaign/">Video Campaign</a>
179                          </div>
180
181            <div class="w-3/10"></div>
182
183            <div class="w-5/10" id="services-content">
184                              <div class="flex h-full " id="tv-commercial" role="tabpanel" aria-labelledby="tv-commercial-tab">
185                  <div class="text-p1 text-white w-1/2">
186                    Video commercials/adverts are designed to grab your audience' attention and promote products, services, or brands. With creative storytelling and catchy messages, commercials aim to leave a lasting impression during TV breaks. They're a powerful tool to raise awareness, generate interest, and inspire action.
187                    <div class="mt-9"></div>
188                    <a href="https://makavisuals.com/services/tv-commercial/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
189
190View Service
191
192
193    </a>
194                  </div>
195
196                  <div class="w-1/2">
197                    <img loading="lazy" width="756" height="648" src="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="Glass of Cisk (Beer) and Cisk bottle next to it" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150.jpg 756w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150-300x257.jpg 300w" sizes="(max-width: 756px) 100v
197w, 756px" />
198                  </div>
199                </div>
200                              <div class="flex h-full hidden" id="explainer" role="tabpanel" aria-labelledby="explainer-tab">
201                  <div class="text-p1 text-white w-1/2">
202                    Our explainer videos make use of humans (also known as actors) to explain your brand or product in a simple and relatable way. These videos can make complex ideas easy to understand and remember. They create personal connections, helping viewers build trust and engage with your brand.
203                    <div class="mt-9"></div>
204                    <a href="https://makavisuals.com/services/explainer/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
205
206View Service
207
208
209    </a>
210                  </div>
211
212                  <div class="w-1/2">
213                    <img loading="lazy" width="1074" height="702" src="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43.jpg 1074w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-300x196.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-1024x669.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-768x502.jpg 768w" sizes="(max-width: 1074px) 100vw, 1074px" />
214                  </div>
215                </div>
216                              <div class="flex h-full hidden" id="lead-gen-campaign" role="tabpanel" aria-labelledby="lead-gen-campaign-tab">
217                  <div class="text-p1 text-white w-1/2">
218                    Lead Generation Videos are the key to converting potential customers into valuable leads. They offer precise targeting and engagement. These videos maintain audience interest and humanize your brand, fostering lasting connections. In essence, Lead Gen Videos drive results by combining engagement and emotional resonance to create brand loyalty.
219                    <div class="mt-9"></div>
220                    <a href="https://makavisuals.com/services/lead-gen-campaign/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
221
222View Service
223
224
225    </a>
226                  </div>
227
228                  <div class="w-1/2">
229                    <img loading="lazy" width="900" height="506" src="https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_1.6.1-e1706535282744.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" />
230                  </div>
231                </div>
232                              <div class="flex h-full hidden" id="social-media" role="tabpanel" aria-labelledby="social-media-tab">
233                  <div class="text-p1 text-white w-1/2">
234                    We create social media videos that catch attention, spark interest, and encourage engagement among social media users. These videos can quickly grab viewers' attention as they scroll through their feeds. Crafted to be easily consumable and shareable, makes them an effective tool for promoting products, services, or ideas within the fast-paced and visually-driven world of social media.
235                    <div class="mt-9"></div>
236                    <a href="https://makavisuals.com/services/social-media/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
237
238View Service
239
240
241    </a>
242                  </div>
243
244                  <div class="w-1/2">
245                    <img loading="lazy" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100v
245w, 1920px" />
246                  </div>
247                </div>
248                              <div class="flex h-full hidden" id="product-launch" role="tabpanel" aria-labelledby="product-launch-tab">
249                  <div class="text-p1 text-white w-1/2">
250                    Usually focuses on the product/service and its use/consumption - can be in the form of an explainer (where the USPs are being explained to the audience in a creative manner – no teleshopping vibes) when we need to focus on USPs, but can also give off a feeling that makes the audience relate to the product/service in a way the client is aiming for. The video can be adapted to specific video formats and durations according to the medium being used – whether it’s TV or social media
251                    <div class="mt-9"></div>
252                    <a href="https://makavisuals.com/services/product-launch/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
253
254View Service
255
256
257    </a>
258                  </div>
259
260                  <div class="w-1/2">
261                    <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" />
262                  </div>
263                </div>
264                              <div class="flex h-full hidden" id="brand-awareness" role="tabpanel" aria-labelledby="brand-awareness-tab">
265                  <div class="text-p1 text-white w-1/2">
266                    This type of video advert encourages the audience to connect with the brand on an emotional level – making it the brand of choice for their target. Here we do not focus on price points, but rather on the benefits that the brand can give to its audience.
267                    <div class="mt-9"></div>
268                    <a href="https://makavisuals.com/services/brand-awareness/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
269
270View Service
271
272
273    </a>
274                  </div>
275
276                  <div class="w-1/2">
277                    <img loading="lazy" width="790" height="680" src="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37.jpg 790w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37-300x258.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37-768x661.jpg 768w" sizes="(max-width: 790px) 100vw, 790px" />
278                  </div>
279                </div>
280                              <div class="flex h-full hidden" id="video-campaign" role="tabpanel" aria-labelledby="video-campaign-tab">
281                  <div class="text-p1 text-white w-1/2">
282                    A series of videos spread over a period of time, could be months or even a full year and in different mediums – TV, social media, reels, YouTube ads, Google Ads. The campaign content can be adapted to fit specific video formats, optimizing each screen size as necessary, and durations according to the medium being used.
283                    <div class="mt-9"></div>
284                    <a href="https://makavisuals.com/services/video-campaign/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
285
286View Service
287
288
289    </a>
290                  </div>
291
292                  <div class="w-1/2">
293                    <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02-768x432.jpg 768w" sizes="(max-width: 800px) 100v
293w, 800px" />
294                  </div>
295                </div>
296                          </div>
297          </div>
298                      <a href="https://makavisuals.com/about/" class="flex items-center group z-10 relative">
299          <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">About</p>
300          <img loading="lazy" width="16" height="10" src="https://makavisuals.com/wp-content/uploads/2022/10/camera.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
301        </a>
302
303                      <a href="https://makavisuals.com/contact-us/" class="flex items-center group z-10 relative">
304          <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Contact</p>
305          <img loading="lazy" width="130" height="112" src="https://makavisuals.com/wp-content/uploads/2022/10/megaphone.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
306        </a>
307
308                  </div>
309  
310  <button class="z-50 flex lg:hidden items-center mobile-menu-trigger [&.active_.top]:rotate-45 [&.active_.bottom]:-rotate-45 [&.active_.top]:translate-y-3 [&.active_.bottom]:-translate-y-[8px] [&.active_.middle]:opacity-0 [&.active_.middle]:translate-x-2">
311    <p class="text-p2-sm text-white font-medium mr-4">Menu</p>
312    <div class="hamburger flex flex-col gap-[6px]">
313      <div class="line top w-12 h-[2px] bg-white block transition-all"></div>
314      <div class="line middle w-12 h-[2px] bg-white block transition-all"></div>
315      <div class="line bottom w-12 h-[2px] bg-white block transition-all"></div>
316    </div>
317  </button>
318
319  <div x-cloak class="mobile-menu -translate-y-full top-0 left-0 fixed transition-all duration-700 w-screen h-screen bg-black px-10 flex lg:hidden flex-col justify-center gap-10 [&.show]:-translate-y-0">
320                          
321        <a href="https://makavisuals.com/projects/" class="flex items-center group z-10 relative ">
322          <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Projects</p>
323          <img loading="lazy" width="91" height="78" src="https://makavisuals.com/wp-content/uploads/2022/10/clapperboard.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
324        </a>
325                                        
326        <a href="https://makavisuals.com/services/" class="flex items-center group z-10 relative services-menu-item">
327          <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Services</p>
328          <img loading="lazy" width="117" height="100" src="https://makavisuals.com/wp-content/uploads/2022/10/spotlight.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
329        </a>
330                      
331        <a href="https://makavisuals.com/about/" class="flex items-center group z-10 relative ">
332          <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">About</p>
333          <img loading="lazy" width="16" height="10" src="https://makavisuals.com/wp-content/uploads/2022/10/camera.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
334        </a>
335                      
336        <a href="https://makavisuals.com/contact-us/" class="flex items-center group z-10 relative ">
337          <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Contact</p>
338          <img loading="lazy" width="130" height="112" src="https://makavisuals.com/wp-content/uploads/2022/10/megaphone.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" />
339        </a>
340            </div>
341
342  <div x-cloak class="services-menu-mobile translate-x-full transition-all duration-700 bg-black px-10 flex lg:hidden flex-col justify-center fixed w-screen h-screen top-0 left-0 z-20 [&.show]:-translate-x-0">
343    
344    
345    
346          <a href="https://makavisuals.com/services/tv-commercial/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">TV Commercials</a>
347          <a href="https://makavisuals.com/services/explainer/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Explainer Videos</a>
348          <a href="https://makavisuals.com/services/lead-gen-campaign/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Lead Gen Videos</a>
349          <a href="https://makavisuals.com/services/social-media/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Social Media Videos</a>
350          <a href="https://makavisuals.com/services/product-launch/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Product Launch</a>
351          <a href="https://makavisuals.com/services/brand-awareness/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Brand Awareness</a>
352          <a href="https://makavisuals.com/services/video-campaign/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Video Campaign</a>
353      </div>
354</header>
355
356  <main id="main" class="main">
357           <div class="lg:px-spacer flex flex-wrap pt-52 pb-5">
358    <div class="w-full lg:w-8/10 px-spacer-mobile lg:px-0">
359        <h1 class="text-t3 lg:text-t2 text-white font-black uppercase flex items-center">Projects <img decoding="async" width="91" height="78" src="https://makavisuals.com/wp-content/uploads/2022/10/clapperboard.svg" class="ml-4 lg:ml-11 w-10 lg:w-32" alt="" /></h1>
360    </div>
361    <div class="w-full lg:w-2/10 px-spacer-mobile lg:px-0 whitespace-nowrap lg:whitespace-normal flex flex-row lg:flex-col gap-10 lg:gap-3 py-10 lg:py-0 my-3 lg:my-0 overflow-scroll lg:overflow-hidden [&#038;::-webkit-scrollbar]:hidden" style="-ms-overflow-style: none; scrollbar-width: none;">
362        
363        <a href="https://makavisuals.com/projects/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-orange">All Projects</a>
364                    <a href="https://makavisuals.com/projects/categories/brand-awareness/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Brand Awareness</a>
365                    <a href="https://makavisuals.com/projects/categories/explainer/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Explainer</a>
366                    <a href="https://makavisuals.com/projects/categories/lead-generation/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Lead Generation</a>
367                    <a href="https://makavisuals.com/projects/categories/product-launch/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Product Launch</a>
368                    <a href="https://makavisuals.com/projects/categories/social-media/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Social Media</a>
369                    <a href="https://makavisuals.com/projects/categories/tv-commercial/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">TV Commercial</a>
370                    <a href="https://makavisuals.com/projects/categories/video-campaign/" class="text-p1-sm lg:text-p1 font-medium hover:text-grey transition-all text-white">Video Campaign</a>
371            </div>
372</div>
373
374<div class="relative flex flex-wrap justify-center gap-y-12 lg:gap-y-16 pt-7 pb-12">
375            
376
377        <div class="w-full lg:w-5/12 p-6 pointer-events-none
378        [&#038;:nth-child(6n+2)]:lg:translate-y-48
379        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
380        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
381        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
382        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
383        lg-parallax-1 
384         
385         
386         
387        
388        ">
389            <a href="https://makavisuals.com/projects/bluedragon-jahli/" class="w-full block group project-card pointer-events-auto opacity-0">
390    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
391        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
392            <div class="image-wrapper w-full h-full relative overflow-hidden">
393                <img fetchpriority="high" fetchpriority="high" decoding="async" width="1552" height="785" src="https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli-.webp" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="Blue Dragon - Jahli" srcset="https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli-.webp 1552w, https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli--300x152.webp 300w, https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli--1024x518.png 1024w, https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli--768x388.png 768w, https://makavisuals.com/wp-content/uploads/2026/03/Blue-Dragon-Jahli--1536x777.png 1536w" sizes="(max-width: 1552px) 100vw, 1552px" />
394            </div>
395        </div>
396    </div>
397
398    <div class="flex items-center">
399                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
400</h6>
401                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
402                    
403                
404        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Blue Dragon &#8211; JAHLI</h6>
405    </div>
406</a>        </div>
407            
408
409        <div class="w-full lg:w-5/12 p-6 pointer-events-none
410        [&#038;:nth-child(6n+2)]:lg:translate-y-48
411        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
412        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
413        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
414        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
415         
416         
417         
418         
419        
420        ">
421            <a href="https://makavisuals.com/projects/contentsquare-sense-ai-agent/" class="w-full block group project-card pointer-events-auto opacity-0">
422    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
423        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
424            <div class="image-wrapper w-full h-full relative overflow-hidden">
425                <img decoding="async" width="1202" height="727" src="https://makavisuals.com/wp-content/uploads/2026/01/contentsquare_thumbnail-2.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="contentsquare_sense_ai" srcset="https://makavisuals.com/wp-content/uploads/2026/01/contentsquare_thumbnail-2.jpg 1202w, https://makavisuals.com/wp-content/uploads/2026/01/contentsquare_thumbnail-2-300x181.jpg 300w, https://makavisuals.com/wp-content/uploads/2026/01/contentsquare_thumbnail-2-1024x619.jpg 1024w, https://makavisuals.com/wp-content/uploads/2026/01/contentsquare_thumbnail-2-768x465.jpg 768w" sizes="(max-width: 1202px) 100vw, 1202px" />
426            </div>
427        </div>
428    </div>
429
430    <div class="flex items-center">
431                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Contentsquare</p>
432</h6>
433                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
434                    
435                
436        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Sense Ai Agent</h6>
437    </div>
438</a>        </div>
439            
440
441        <div class="w-full lg:w-5/12 p-6 pointer-events-none
442        [&#038;:nth-child(6n+2)]:lg:translate-y-48
443        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
444        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
445        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
446        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
447         
448         
449         
450         
451        
452        ">
453            <a href="https://makavisuals.com/projects/melita-stellarvoice/" class="w-full block group project-card pointer-events-auto opacity-0">
454    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
455        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
456            <div class="image-wrapper w-full h-full relative overflow-hidden">
457                <img loading="lazy" loading="lazy" decoding="async" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2025/11/Melita_VOWifi_Still01.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="Melita" srcset="https://makavisuals.com/wp-content/uploads/2025/11/Melita_VOWifi_Still01.jpg 800w, https://makavisuals.com/wp-content/uploads/2025/11/Melita_VOWifi_Still01-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2025/11/Melita_VOWifi_Still01-768x432.jpg 768w" sizes="(max-width: 800px) 100v
457w, 800px" />
458            </div>
459        </div>
460    </div>
461
462    <div class="flex items-center">
463                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Melita</p>
464</h6>
465                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
466                    
467                
468        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">StellarVoice</h6>
469    </div>
470</a>        </div>
471            
472
473        <div class="w-full lg:w-5/12 p-6 pointer-events-none
474        [&#038;:nth-child(6n+2)]:lg:translate-y-48
475        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
476        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
477        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
478        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
479         
480         
481        lg-parallax-1 
482         
483        
484        ">
485            <a href="https://makavisuals.com/projects/heritagemalta/" class="w-full block group project-card pointer-events-auto opacity-0">
486    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
487        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
488            <div class="image-wrapper w-full h-full relative overflow-hidden">
489                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05.jpg 2500w, https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2025/03/HeritageMalta25_05-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
489w, 2500px" />
490            </div>
491        </div>
492    </div>
493
494    <div class="flex items-center">
495                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Heritage Malta</p>
496</h6>
497                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
498                    
499                
500        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Peek into Heritage</h6>
501    </div>
502</a>        </div>
503            
504
505        <div class="w-full lg:w-5/12 p-6 pointer-events-none
506        [&#038;:nth-child(6n+2)]:lg:translate-y-48
507        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
508        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
509        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
510        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
511         
512         
513         
514         
515        
516        ">
517            <a href="https://makavisuals.com/projects/bigmactrio/" class="w-full block group project-card pointer-events-auto opacity-0">
518    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
519        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
520            <div class="image-wrapper w-full h-full relative overflow-hidden">
521                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09.jpg 2500w, https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2025/03/McDonalds_BigMacTrio_09-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
521w, 2500px" />
522            </div>
523        </div>
524    </div>
525
526    <div class="flex items-center">
527                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p>
528</h6>
529                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
530                    
531                
532        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Big Mac Trio</h6>
533    </div>
534</a>        </div>
535            
536
537        <div class="w-full lg:w-5/12 p-6 pointer-events-none
538        [&#038;:nth-child(6n+2)]:lg:translate-y-48
539        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
540        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
541        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
542        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
543         
544         
545         
546         
547        lg-parallax-1
548        ">
549            <a href="https://makavisuals.com/projects/kinsta_dont-lose-sleep/" class="w-full block group project-card pointer-events-auto opacity-0">
550    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
551        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
552            <div class="image-wrapper w-full h-full relative overflow-hidden">
553                <img loading="lazy" loading="lazy" decoding="async" width="1866" height="1011" src="https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19.jpg 1866w, https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19-300x163.jpg 300w, https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19-1024x555.jpg 1024w, https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19-768x416.jpg 768w, https://makavisuals.com/wp-content/uploads/2025/03/Screenshot-2025-03-21-at-14.39.19-1536x832.jpg 1536w" sizes="(max-width: 1866px) 100vw, 1866px" />
554            </div>
555        </div>
556    </div>
557
558    <div class="flex items-center">
559                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Kinsta</p>
560</h6>
561                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
562                    
563                
564        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Don&#8217;t Lose Sleep</h6>
565    </div>
566</a>        </div>
567            
568
569        <div class="w-full lg:w-5/12 p-6 pointer-events-none
570        [&#038;:nth-child(6n+2)]:lg:translate-y-48
571        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
572        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
573        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
574        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
575        lg-parallax-1 
576         
577         
578         
579        
580        ">
581            <a href="https://makavisuals.com/projects/mccrispy-2/" class="w-full block group project-card pointer-events-auto opacity-0">
582    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
583        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
584            <div class="image-wrapper w-full h-full relative overflow-hidden">
585                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06-1
585536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/10/McDonalds_McCrispy_06-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100vw, 2500px" />
586            </div>
587        </div>
588    </div>
589
590    <div class="flex items-center">
591                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p>
592</h6>
593                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
594                    
595                
596        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">McCrispy</h6>
597    </div>
598</a>        </div>
599            
600
601        <div class="w-full lg:w-5/12 p-6 pointer-events-none
602        [&#038;:nth-child(6n+2)]:lg:translate-y-48
603        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
604        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
605        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
606        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
607         
608         
609         
610         
611        
612        ">
613            <a href="https://makavisuals.com/projects/bov-homeloans/" class="w-full block group project-card pointer-events-auto opacity-0">
614    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
615        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
616            <div class="image-wrapper w-full h-full relative overflow-hidden">
617                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/10/BOV_HOMELOAN_03-1-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
617w, 2500px" />
618            </div>
619        </div>
620    </div>
621
622    <div class="flex items-center">
623                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>BOV</p>
624</h6>
625                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
626                    
627                
628        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Homeloans</h6>
629    </div>
630</a>        </div>
631            
632
633        <div class="w-full lg:w-5/12 p-6 pointer-events-none
634        [&#038;:nth-child(6n+2)]:lg:translate-y-48
635        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
636        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
637        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
638        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
639         
640         
641         
642         
643        
644        ">
645            <a href="https://makavisuals.com/projects/big-tasty/" class="w-full block group project-card pointer-events-auto opacity-0">
646    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
647        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
648            <div class="image-wrapper w-full h-full relative overflow-hidden">
649                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/08/McDonalds_BigTastyAD24_07-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
649w, 2500px" />
650            </div>
651        </div>
652    </div>
653
654    <div class="flex items-center">
655                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p>
656</h6>
657                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
658                    
659                
660        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Big Tasty</h6>
661    </div>
662</a>        </div>
663            
664
665        <div class="w-full lg:w-5/12 p-6 pointer-events-none
666        [&#038;:nth-child(6n+2)]:lg:translate-y-48
667        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
668        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
669        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
670        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
671         
672         
673        lg-parallax-1 
674         
675        
676        ">
677            <a href="https://makavisuals.com/projects/employer-branding-2/" class="w-full block group project-card pointer-events-auto opacity-0">
678    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
679        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
680            <div class="image-wrapper w-full h-full relative overflow-hidden">
681                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/08/MCD_EMPLOYER24_07-3-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
681w, 2500px" />
682            </div>
683        </div>
684    </div>
685
686    <div class="flex items-center">
687                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
688</h6>
689                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
690                    
691                
692        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Employer Branding</h6>
693    </div>
694</a>        </div>
695            
696
697        <div class="w-full lg:w-5/12 p-6 pointer-events-none
698        [&#038;:nth-child(6n+2)]:lg:translate-y-48
699        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
700        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
701        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
702        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
703         
704         
705         
706         
707        
708        ">
709            <a href="https://makavisuals.com/projects/pfanner-ice-tea/" class="w-full block group project-card pointer-events-auto opacity-0">
710    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
711        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
712            <div class="image-wrapper w-full h-full relative overflow-hidden">
713                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/07/PFANNER_ICETEA_STILLS_12.1.3-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
713w, 2500px" />
714            </div>
715        </div>
716    </div>
717
718    <div class="flex items-center">
719                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
720</h6>
721                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
722                    
723                
724        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Pfanner Ice Tea</h6>
725    </div>
726</a>        </div>
727            
728
729        <div class="w-full lg:w-5/12 p-6 pointer-events-none
730        [&#038;:nth-child(6n+2)]:lg:translate-y-48
731        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
732        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
733        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
734        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
735         
736         
737         
738         
739        lg-parallax-1
740        ">
741            <a href="https://makavisuals.com/projects/kinnie-zero/" class="w-full block group project-card pointer-events-auto opacity-0">
742    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
743        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
744            <div class="image-wrapper w-full h-full relative overflow-hidden">
745                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/07/KINNIE_ZERO_13-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
745w, 2500px" />
746            </div>
747        </div>
748    </div>
749
750    <div class="flex items-center">
751                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p><span class="NormalTextRun SpellingErrorV2Themed SCXW99169361 BCX0">Farsons</span><span class="NormalTextRun SCXW99169361 BCX0"> </span></p>
752</h6>
753                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
754                    
755                
756        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Kinnie Zero</h6>
757    </div>
758</a>        </div>
759            
760
761        <div class="w-full lg:w-5/12 p-6 pointer-events-none
762        [&#038;:nth-child(6n+2)]:lg:translate-y-48
763        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
764        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
765        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
766        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
767        lg-parallax-1 
768         
769         
770         
771        
772        ">
773            <a href="https://makavisuals.com/projects/cisk-summer-that-fresh-sound/" class="w-full block group project-card pointer-events-auto opacity-0">
774    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
775        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
776            <div class="image-wrapper w-full h-full relative overflow-hidden">
777                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/07/CISK_TFS_04-2-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
777w, 2500px" />
778            </div>
779        </div>
780    </div>
781
782    <div class="flex items-center">
783                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Farsons</p>
784</h6>
785                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
786                    
787                
788        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Cisk Summer</h6>
789    </div>
790</a>        </div>
791            
792
793        <div class="w-full lg:w-5/12 p-6 pointer-events-none
794        [&#038;:nth-child(6n+2)]:lg:translate-y-48
795        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
796        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
797        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
798        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
799         
800         
801         
802         
803        
804        ">
805            <a href="https://makavisuals.com/projects/krea/" class="w-full block group project-card pointer-events-auto opacity-0">
806    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
807        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
808            <div class="image-wrapper w-full h-full relative overflow-hidden">
809                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/07/KREA_AD02_03-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
809w, 2500px" />
810            </div>
811        </div>
812    </div>
813
814    <div class="flex items-center">
815                            
816                
817        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Krea</h6>
818    </div>
819</a>        </div>
820            
821
822        <div class="w-full lg:w-5/12 p-6 pointer-events-none
823        [&#038;:nth-child(6n+2)]:lg:translate-y-48
824        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
825        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
826        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
827        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
828         
829         
830         
831         
832        
833        ">
834            <a href="https://makavisuals.com/projects/honestsip/" class="w-full block group project-card pointer-events-auto opacity-0">
835    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
836        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
837            <div class="image-wrapper w-full h-full relative overflow-hidden">
838                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="Man on sofa, drinking wine." srcset="https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/06/NECTAR_HONESTSIP_05-3-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
838w, 2500px" />
839            </div>
840        </div>
841    </div>
842
843    <div class="flex items-center">
844                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
845</h6>
846                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
847                    
848                
849        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Honestsip</h6>
850    </div>
851</a>        </div>
852            
853
854        <div class="w-full lg:w-5/12 p-6 pointer-events-none
855        [&#038;:nth-child(6n+2)]:lg:translate-y-48
856        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
857        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
858        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
859        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
860         
861         
862        lg-parallax-1 
863         
864        
865        ">
866            <a href="https://makavisuals.com/projects/mcdonalds-homestyle-burger/" class="w-full block group project-card pointer-events-auto opacity-0">
867    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
868        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
869            <div class="image-wrapper w-full h-full relative overflow-hidden">
870                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="Girl looking surprised" srcset="https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/06/MCD_HOMESTYLE24_04-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
870w, 2500px" />
871            </div>
872        </div>
873    </div>
874
875    <div class="flex items-center">
876                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
877</h6>
878                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
879                    
880                
881        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Homestyle Burger</h6>
882    </div>
883</a>        </div>
884            
885
886        <div class="w-full lg:w-5/12 p-6 pointer-events-none
887        [&#038;:nth-child(6n+2)]:lg:translate-y-48
888        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
889        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
890        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
891        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
892         
893         
894         
895         
896        
897        ">
898            <a href="https://makavisuals.com/projects/servizz-gov-rebrand/" class="w-full block group project-card pointer-events-auto opacity-0">
899    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
900        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
901            <div class="image-wrapper w-full h-full relative overflow-hidden">
902                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/06/ServizzGOV_Rebrand_01-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
902w, 2500px" />
903            </div>
904        </div>
905    </div>
906
907    <div class="flex items-center">
908                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Servizz.gov</p>
909</h6>
910                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
911                    
912                
913        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Rebrand</h6>
914    </div>
915</a>        </div>
916            
917
918        <div class="w-full lg:w-5/12 p-6 pointer-events-none
919        [&#038;:nth-child(6n+2)]:lg:translate-y-48
920        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
921        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
922        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
923        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
924         
925         
926         
927         
928        lg-parallax-1
929        ">
930            <a href="https://makavisuals.com/projects/mc-crispy/" class="w-full block group project-card pointer-events-auto opacity-0">
931    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
932        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
933            <div class="image-wrapper w-full h-full relative overflow-hidden">
934                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
934w, 2500px" />
935            </div>
936        </div>
937    </div>
938
939    <div class="flex items-center">
940                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p>
941</h6>
942                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
943                    
944                
945        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">McCrispy</h6>
946    </div>
947</a>        </div>
948            
949
950        <div class="w-full lg:w-5/12 p-6 pointer-events-none
951        [&#038;:nth-child(6n+2)]:lg:translate-y-48
952        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
953        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
954        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
955        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
956        lg-parallax-1 
957         
958         
959         
960        
961        ">
962            <a href="https://makavisuals.com/projects/cisk-stay-fresh/" class="w-full block group project-card pointer-events-auto opacity-0">
963    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
964        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
965            <div class="image-wrapper w-full h-full relative overflow-hidden">
966                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
966w, 2500px" />
967            </div>
968        </div>
969    </div>
970
971    <div class="flex items-center">
972        
973                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Cisk</p>
974</h6>
975                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
976                            
977        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Stay Fresh</h6>
978    </div>
979</a>        </div>
980            
981
982        <div class="w-full lg:w-5/12 p-6 pointer-events-none
983        [&#038;:nth-child(6n+2)]:lg:translate-y-48
984        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
985        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
986        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
987        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
988         
989         
990         
991         
992        
993        ">
994            <a href="https://makavisuals.com/projects/intobet-igaming/" class="w-full block group project-card pointer-events-auto opacity-0">
995    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
996        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
997            <div class="image-wrapper w-full h-full relative overflow-hidden">
998                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/03/NEATPLAY_INTOBET_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
998w, 2500px" />
999            </div>
1000        </div>
1001    </div>
1002
1003    <div class="flex items-center">
1004                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Neatplay</p>
1005</h6>
1006                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1007                    
1008                
1009        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Intobet</h6>
1010    </div>
1011</a>        </div>
1012            
1013
1014        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1015        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1016        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1017        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1018        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1019        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1020         
1021         
1022         
1023         
1024        
1025        ">
1026            <a href="https://makavisuals.com/projects/neatplay/" class="w-full block group project-card pointer-events-auto opacity-0">
1027    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1028        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1029            <div class="image-wrapper w-full h-full relative overflow-hidden">
1030                <img loading="lazy" loading="lazy" decoding="async" width="1152" height="648" src="https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_2.2.1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_2.2.1.jpg 1152w, https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_2.2.1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_2.2.1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_2.2.1-768x432.jpg 768w" sizes="(max-width: 1152px) 100vw, 1152px" />
1031            </div>
1032        </div>
1033    </div>
1034
1035    <div class="flex items-center">
1036                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Neatplay</p>
1037</h6>
1038                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1039                    
1040                
1041        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Betroad</h6>
1042    </div>
1043</a>        </div>
1044            
1045
1046        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1047        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1048        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1049        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1050        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1051        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1052         
1053         
1054        lg-parallax-1 
1055         
1056        
1057        ">
1058            <a href="https://makavisuals.com/projects/hotjar_advert/" class="w-full block group project-card pointer-events-auto opacity-0">
1059    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1060        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1061            <div class="image-wrapper w-full h-full relative overflow-hidden">
1062                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/01/HOTJAR_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1062w, 2500px" />
1063            </div>
1064        </div>
1065    </div>
1066
1067    <div class="flex items-center">
1068                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Hotjar</p>
1069</h6>
1070                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1071                    
1072                
1073        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Dogs &#038; Planes</h6>
1074    </div>
1075</a>        </div>
1076            
1077
1078        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1079        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1080        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1081        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1082        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1083        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1084         
1085         
1086         
1087         
1088        
1089        ">
1090            <a href="https://makavisuals.com/projects/mia_foodcourt/" class="w-full block group project-card pointer-events-auto opacity-0">
1091    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1092        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1093            <div class="image-wrapper w-full h-full relative overflow-hidden">
1094                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/02/MIA_FOODCOURT_03_SEANMAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1094w, 2500px" />
1095            </div>
1096        </div>
1097    </div>
1098
1099    <div class="flex items-center">
1100                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>MIA Shopping</p>
1101</h6>
1102                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1103                    
1104                
1105        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Food Court</h6>
1106    </div>
1107</a>        </div>
1108            
1109
1110        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1111        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1112        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1113        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1114        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1115        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1116         
1117         
1118         
1119         
1120        lg-parallax-1
1121        ">
1122            <a href="https://makavisuals.com/projects/discount-casino/" class="w-full block group project-card pointer-events-auto opacity-0">
1123    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1124        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1125            <div class="image-wrapper w-full h-full relative overflow-hidden">
1126                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/01/DiscountCasino_MAIN04-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1126w, 2500px" />
1127            </div>
1128        </div>
1129    </div>
1130
1131    <div class="flex items-center">
1132                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Neatplay</p>
1133</h6>
1134                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1135                    
1136                
1137        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Discount Casino</h6>
1138    </div>
1139</a>        </div>
1140            
1141
1142        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1143        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1144        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1145        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1146        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1147        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1148        lg-parallax-1 
1149         
1150         
1151         
1152        
1153        ">
1154            <a href="https://makavisuals.com/projects/kinnie-turns-70/" class="w-full block group project-card pointer-events-auto opacity-0">
1155    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1156        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1157            <div class="image-wrapper w-full h-full relative overflow-hidden">
1158                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/01/Farsons_Kinnie_TVC_v001_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1158w, 2500px" />
1159            </div>
1160        </div>
1161    </div>
1162
1163    <div class="flex items-center">
1164        
1165                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Kinnie</p>
1166</h6>
1167                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1168                            
1169        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">70 years</h6>
1170    </div>
1171</a>        </div>
1172            
1173
1174        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1175        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1176        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1177        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1178        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1179        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1180         
1181         
1182         
1183         
1184        
1185        ">
1186            <a href="https://makavisuals.com/projects/drjuice/" class="w-full block group project-card pointer-events-auto opacity-0">
1187    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1188        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1189            <div class="image-wrapper w-full h-full relative overflow-hidden">
1190                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
1191            </div>
1192        </div>
1193    </div>
1194
1195    <div class="flex items-center">
1196                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Dr Juice</p>
1197</h6>
1198                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1199                    
1200                
1201        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Get Boosted</h6>
1202    </div>
1203</a>        </div>
1204            
1205
1206        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1207        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1208        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1209        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1210        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1211        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1212         
1213         
1214         
1215         
1216        
1217        ">
1218            <a href="https://makavisuals.com/projects/mobilbahis_casino/" class="w-full block group project-card pointer-events-auto opacity-0">
1219    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1220        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1221            <div class="image-wrapper w-full h-full relative overflow-hidden">
1222                <img loading="lazy" loading="lazy" decoding="async" width="800" height="500" src="https://makavisuals.com/wp-content/uploads/2023/01/MobilBahis_03.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/MobilBahis_03.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/01/MobilBahis_03-300x188.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/MobilBahis_03-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
1223            </div>
1224        </div>
1225    </div>
1226
1227    <div class="flex items-center">
1228                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Neatplay</p>
1229</h6>
1230                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1231                    
1232                
1233        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">mobilbahis iGaming</h6>
1234    </div>
1235</a>        </div>
1236            
1237
1238        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1239        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1240        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1241        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1242        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1243        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1244         
1245         
1246        lg-parallax-1 
1247         
1248        
1249        ">
1250            <a href="https://makavisuals.com/projects/dombilibet/" class="w-full block group project-card pointer-events-auto opacity-0">
1251    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1252        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1253            <div class="image-wrapper w-full h-full relative overflow-hidden">
1254                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/YW_DOMBILI_BG_MAIN02-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100v
1254w, 1920px" />
1255            </div>
1256        </div>
1257    </div>
1258
1259    <div class="flex items-center">
1260                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>YouWin</p>
1261</h6>
1262                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1263                    
1264                
1265        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Black Friday Campaign</h6>
1266    </div>
1267</a>        </div>
1268            
1269
1270        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1271        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1272        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1273        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1274        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1275        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1276         
1277         
1278         
1279         
1280        
1281        ">
1282            <a href="https://makavisuals.com/projects/mcdonalds-homestlye/" class="w-full block group project-card pointer-events-auto opacity-0">
1283    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1284        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1285            <div class="image-wrapper w-full h-full relative overflow-hidden">
1286                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03.jpg 1920w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_MAIN03-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
1287            </div>
1288        </div>
1289    </div>
1290
1291    <div class="flex items-center">
1292                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1293</h6>
1294                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1295                    
1296                
1297        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Homestyle Burgers</h6>
1298    </div>
1299</a>        </div>
1300            
1301
1302        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1303        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1304        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1305        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1306        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1307        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1308         
1309         
1310         
1311         
1312        lg-parallax-1
1313        ">
1314            <a href="https://makavisuals.com/projects/slots/" class="w-full block group project-card pointer-events-auto opacity-0">
1315    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1316        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1317            <div class="image-wrapper w-full h-full relative overflow-hidden">
1318                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/Qausar_Still_08-1-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100v
1318w, 1920px" />
1319            </div>
1320        </div>
1321    </div>
1322
1323    <div class="flex items-center">
1324                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Quasar Gaming</p>
1325</h6>
1326                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1327                    
1328                
1329        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">2 Slots 1 Cup</h6>
1330    </div>
1331</a>        </div>
1332            
1333
1334        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1335        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1336        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1337        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1338        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1339        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1340        lg-parallax-1 
1341         
1342         
1343         
1344        
1345        ">
1346            <a href="https://makavisuals.com/projects/mcbacon/" class="w-full block group project-card pointer-events-auto opacity-0">
1347    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1348        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1349            <div class="image-wrapper w-full h-full relative overflow-hidden">
1350                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/MCD_BACON_MAIN-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
1351            </div>
1352        </div>
1353    </div>
1354
1355    <div class="flex items-center">
1356                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1357</h6>
1358                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1359                    
1360                
1361        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Bacon Fest</h6>
1362    </div>
1363</a>        </div>
1364            
1365
1366        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1367        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1368        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1369        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1370        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1371        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1372         
1373         
1374         
1375         
1376        
1377        ">
1378            <a href="https://makavisuals.com/projects/tyson/" class="w-full block group project-card pointer-events-auto opacity-0">
1379    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1380        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1381            <div class="image-wrapper w-full h-full relative overflow-hidden">
1382                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/02/TYSON_EXPLAINER_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1382w, 2500px" />
1383            </div>
1384        </div>
1385    </div>
1386
1387    <div class="flex items-center">
1388                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
1389</h6>
1390                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1391                    
1392                
1393        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Keep it Real</h6>
1394    </div>
1395</a>        </div>
1396            
1397
1398        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1399        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1400        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1401        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1402        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1403        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1404         
1405         
1406         
1407         
1408        
1409        ">
1410            <a href="https://makavisuals.com/projects/bnf/" class="w-full block group project-card pointer-events-auto opacity-0">
1411    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1412        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1413            <div class="image-wrapper w-full h-full relative overflow-hidden">
1414                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/BNF_WEBSITE_01-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
1415            </div>
1416        </div>
1417    </div>
1418
1419    <div class="flex items-center">
1420                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>BNF BANK</p>
1421</h6>
1422                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1423                    
1424                
1425        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Here to Listen</h6>
1426    </div>
1427</a>        </div>
1428            
1429
1430        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1431        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1432        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1433        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1434        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1435        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1436         
1437         
1438        lg-parallax-1 
1439         
1440        
1441        ">
1442            <a href="https://makavisuals.com/projects/kras/" class="w-full block group project-card pointer-events-auto opacity-0">
1443    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1444        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1445            <div class="image-wrapper w-full h-full relative overflow-hidden">
1446                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/02/Kras23_SM_10_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1446w, 2500px" />
1447            </div>
1448        </div>
1449    </div>
1450
1451    <div class="flex items-center">
1452        
1453                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Kras</p>
1454</h6>
1455                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1456                            
1457        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Nougat Wafer</h6>
1458    </div>
1459</a>        </div>
1460            
1461
1462        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1463        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1464        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1465        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1466        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1467        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1468         
1469         
1470         
1471         
1472        
1473        ">
1474            <a href="https://makavisuals.com/projects/a-real-muffin/" class="w-full block group project-card pointer-events-auto opacity-0">
1475    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1476        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1477            <div class="image-wrapper w-full h-full relative overflow-hidden">
1478                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/AuntMabelsSofa_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1478w, 2500px" />
1479            </div>
1480        </div>
1481    </div>
1482
1483    <div class="flex items-center">
1484                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
1485</h6>
1486                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1487                    
1488                
1489        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">A Real Muffin</h6>
1490    </div>
1491</a>        </div>
1492            
1493
1494        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1495        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1496        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1497        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1498        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1499        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1500         
1501         
1502         
1503         
1504        lg-parallax-1
1505        ">
1506            <a href="https://makavisuals.com/projects/go-databoom/" class="w-full block group project-card pointer-events-auto opacity-0">
1507    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1508        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1509            <div class="image-wrapper w-full h-full relative overflow-hidden">
1510                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/GO_DATABOOM_MAIN02-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1510w, 2500px" />
1511            </div>
1512        </div>
1513    </div>
1514
1515    <div class="flex items-center">
1516                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>GO</p>
1517</h6>
1518                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1519                    
1520                
1521        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">DATABOOM</h6>
1522    </div>
1523</a>        </div>
1524            
1525
1526        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1527        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1528        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1529        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1530        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1531        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1532        lg-parallax-1 
1533         
1534         
1535         
1536        
1537        ">
1538            <a href="https://makavisuals.com/projects/big-mac-family/" class="w-full block group project-card pointer-events-auto opacity-0">
1539    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1540        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1541            <div class="image-wrapper w-full h-full relative overflow-hidden">
1542                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1542w, 2500px" />
1543            </div>
1544        </div>
1545    </div>
1546
1547    <div class="flex items-center">
1548                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1549</h6>
1550                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1551                    
1552                
1553        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Big Mac Family</h6>
1554    </div>
1555</a>        </div>
1556            
1557
1558        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1559        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1560        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1561        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1562        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1563        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1564         
1565         
1566         
1567         
1568        
1569        ">
1570            <a href="https://makavisuals.com/projects/employer-branding/" class="w-full block group project-card pointer-events-auto opacity-0">
1571    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1572        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1573            <div class="image-wrapper w-full h-full relative overflow-hidden">
1574                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/McDONALDS_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1574w, 2500px" />
1575            </div>
1576        </div>
1577    </div>
1578
1579    <div class="flex items-center">
1580                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1581</h6>
1582                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1583                    
1584                
1585        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Branding Campaign: Employer</h6>
1586    </div>
1587</a>        </div>
1588            
1589
1590        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1591        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1592        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1593        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1594        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1595        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1596         
1597         
1598         
1599         
1600        
1601        ">
1602            <a href="https://makavisuals.com/projects/italian-quality-guaranteed/" class="w-full block group project-card pointer-events-auto opacity-0">
1603    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1604        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1605            <div class="image-wrapper w-full h-full relative overflow-hidden">
1606                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/Pata_23_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1606w, 2500px" />
1607            </div>
1608        </div>
1609    </div>
1610
1611    <div class="flex items-center">
1612        
1613                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>PATA</p>
1614</h6>
1615                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1616                            
1617        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Italian quality guaranteed</h6>
1618    </div>
1619</a>        </div>
1620            
1621
1622        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1623        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1624        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1625        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1626        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1627        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1628         
1629         
1630        lg-parallax-1 
1631         
1632        
1633        ">
1634            <a href="https://makavisuals.com/projects/cisk-christmas-beer-2020/" class="w-full block group project-card pointer-events-auto opacity-0">
1635    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1636        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1637            <div class="image-wrapper w-full h-full relative overflow-hidden">
1638                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/Cisk_Memories_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1638w, 2500px" />
1639            </div>
1640        </div>
1641    </div>
1642
1643    <div class="flex items-center">
1644                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>CISK</p>
1645</h6>
1646                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1647                    
1648                
1649        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Memories Worth Making</h6>
1650    </div>
1651</a>        </div>
1652            
1653
1654        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1655        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1656        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1657        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1658        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1659        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1660         
1661         
1662         
1663         
1664        
1665        ">
1666            <a href="https://makavisuals.com/projects/pfanner-fruit/" class="w-full block group project-card pointer-events-auto opacity-0">
1667    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1668        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1669            <div class="image-wrapper w-full h-full relative overflow-hidden">
1670                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/Nectar_Pfanner_Still_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1670w, 2500px" />
1671            </div>
1672        </div>
1673    </div>
1674
1675    <div class="flex items-center">
1676        
1677                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Pfanner</p>
1678</h6>
1679                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1680                            
1681        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Made from Real Fruit</h6>
1682    </div>
1683</a>        </div>
1684            
1685
1686        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1687        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1688        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1689        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1690        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1691        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1692         
1693         
1694         
1695         
1696        lg-parallax-1
1697        ">
1698            <a href="https://makavisuals.com/projects/your-summer-story/" class="w-full block group project-card pointer-events-auto opacity-0">
1699    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1700        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1701            <div class="image-wrapper w-full h-full relative overflow-hidden">
1702                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/KINNIE_YSS_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1702w, 2500px" />
1703            </div>
1704        </div>
1705    </div>
1706
1707    <div class="flex items-center">
1708        
1709                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Kinnie</p>
1710</h6>
1711                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1712                            
1713        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Your Summer Story</h6>
1714    </div>
1715</a>        </div>
1716            
1717
1718        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1719        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1720        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1721        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1722        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1723        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1724        lg-parallax-1 
1725         
1726         
1727         
1728        
1729        ">
1730            <a href="https://makavisuals.com/projects/melita-5g/" class="w-full block group project-card pointer-events-auto opacity-0">
1731    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1732        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1733            <div class="image-wrapper w-full h-full relative overflow-hidden">
1734                <img loading="lazy" loading="lazy" decoding="async" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01.jpg 800w, https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01-768x432.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
1735            </div>
1736        </div>
1737    </div>
1738
1739    <div class="flex items-center">
1740                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Melita</p>
1741</h6>
1742                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1743                    
1744                
1745        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Endless 5G</h6>
1746    </div>
1747</a>        </div>
1748            
1749
1750        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1751        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1752        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1753        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1754        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1755        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1756         
1757         
1758         
1759         
1760        
1761        ">
1762            <a href="https://makavisuals.com/projects/you-win/" class="w-full block group project-card pointer-events-auto opacity-0">
1763    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1764        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1765            <div class="image-wrapper w-full h-full relative overflow-hidden">
1766                <img loading="lazy" loading="lazy" decoding="async" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2024/01/YouWin_DomniliBet_06.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2024/01/YouWin_DomniliBet_06.jpg 800w, https://makavisuals.com/wp-content/uploads/2024/01/YouWin_DomniliBet_06-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/YouWin_DomniliBet_06-768x432.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
1767            </div>
1768        </div>
1769    </div>
1770
1771    <div class="flex items-center">
1772                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>YouWin</p>
1773</h6>
1774                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1775                    
1776                
1777        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Dombilibet</h6>
1778    </div>
1779</a>        </div>
1780            
1781
1782        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1783        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1784        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1785        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1786        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1787        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1788         
1789         
1790         
1791         
1792        
1793        ">
1794            <a href="https://makavisuals.com/projects/golfera-salami/" class="w-full block group project-card pointer-events-auto opacity-0">
1795    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1796        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1797            <div class="image-wrapper w-full h-full relative overflow-hidden">
1798                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN.jpg 1920w, https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/08/GOLFERA_MAIN-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100v
1798w, 1920px" />
1799            </div>
1800        </div>
1801    </div>
1802
1803    <div class="flex items-center">
1804        
1805                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Golfera</p>
1806</h6>
1807                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1808                            
1809        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Salami</h6>
1810    </div>
1811</a>        </div>
1812            
1813
1814        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1815        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1816        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1817        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1818        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1819        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1820         
1821         
1822        lg-parallax-1 
1823         
1824        
1825        ">
1826            <a href="https://makavisuals.com/projects/kinnie-xfactor/" class="w-full block group project-card pointer-events-auto opacity-0">
1827    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1828        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1829            <div class="image-wrapper w-full h-full relative overflow-hidden">
1830                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/08/KINNIE_XFACTOR23_01_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1830w, 2500px" />
1831            </div>
1832        </div>
1833    </div>
1834
1835    <div class="flex items-center">
1836        
1837                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Kinnie</p>
1838</h6>
1839                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1840                            
1841        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">X-Factor</h6>
1842    </div>
1843</a>        </div>
1844            
1845
1846        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1847        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1848        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1849        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1850        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1851        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1852         
1853         
1854         
1855         
1856        
1857        ">
1858            <a href="https://makavisuals.com/projects/loans/" class="w-full block group project-card pointer-events-auto opacity-0">
1859    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1860        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1861            <div class="image-wrapper w-full h-full relative overflow-hidden">
1862                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1862w, 2500px" />
1863            </div>
1864        </div>
1865    </div>
1866
1867    <div class="flex items-center">
1868                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>HSBC</p>
1869</h6>
1870                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1871                    
1872                
1873        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Start of the Year</h6>
1874    </div>
1875</a>        </div>
1876            
1877
1878        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1879        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1880        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1881        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1882        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1883        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1884         
1885         
1886         
1887         
1888        lg-parallax-1
1889        ">
1890            <a href="https://makavisuals.com/projects/shake/" class="w-full block group project-card pointer-events-auto opacity-0">
1891    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1892        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1893            <div class="image-wrapper w-full h-full relative overflow-hidden">
1894                <img loading="lazy" loading="lazy" decoding="async" width="800" height="500" src="https://makavisuals.com/wp-content/uploads/2023/07/Shake_04.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Shake_04.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/07/Shake_04-300x188.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/Shake_04-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
1895            </div>
1896        </div>
1897    </div>
1898
1899    <div class="flex items-center">
1900                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Vodafone</p>
1901</h6>
1902                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1903                    
1904                
1905        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">shake</h6>
1906    </div>
1907</a>        </div>
1908            
1909
1910        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1911        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1912        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1913        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1914        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1915        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1916        lg-parallax-1 
1917         
1918         
1919         
1920        
1921        ">
1922            <a href="https://makavisuals.com/projects/mccafe-23/" class="w-full block group project-card pointer-events-auto opacity-0">
1923    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1924        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1925            <div class="image-wrapper w-full h-full relative overflow-hidden">
1926                <img loading="lazy" loading="lazy" decoding="async" width="1152" height="648" src="https://makavisuals.com/wp-content/uploads/2023/07/McCafe_Still_2.18.1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/McCafe_Still_2.18.1.jpg 1152w, https://makavisuals.com/wp-content/uploads/2023/07/McCafe_Still_2.18.1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/McCafe_Still_2.18.1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/McCafe_Still_2.18.1-768x432.jpg 768w" sizes="(max-width: 1152px) 100vw, 1152px" />
1927            </div>
1928        </div>
1929    </div>
1930
1931    <div class="flex items-center">
1932                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1933</h6>
1934                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1935                    
1936                
1937        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">McCafe</h6>
1938    </div>
1939</a>        </div>
1940            
1941
1942        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1943        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1944        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1945        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1946        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1947        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1948         
1949         
1950         
1951         
1952        
1953        ">
1954            <a href="https://makavisuals.com/projects/mcdonalds-mop/" class="w-full block group project-card pointer-events-auto opacity-0">
1955    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1956        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1957            <div class="image-wrapper w-full h-full relative overflow-hidden">
1958                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/MOP_07.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/MOP_07.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/MOP_07-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/MOP_07-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/MOP_07-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/MOP_07-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/MOP_07-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1958w, 2500px" />
1959            </div>
1960        </div>
1961    </div>
1962
1963    <div class="flex items-center">
1964                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
1965</h6>
1966                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1967                    
1968                
1969        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Mobile, Order &#038; Pay</h6>
1970    </div>
1971</a>        </div>
1972            
1973
1974        <div class="w-full lg:w-5/12 p-6 pointer-events-none
1975        [&#038;:nth-child(6n+2)]:lg:translate-y-48
1976        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
1977        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
1978        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
1979        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
1980         
1981         
1982         
1983         
1984        
1985        ">
1986            <a href="https://makavisuals.com/projects/benna-promilk/" class="w-full block group project-card pointer-events-auto opacity-0">
1987    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
1988        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
1989            <div class="image-wrapper w-full h-full relative overflow-hidden">
1990                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
1990w, 2500px" />
1991            </div>
1992        </div>
1993    </div>
1994
1995    <div class="flex items-center">
1996                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Benna</p>
1997</h6>
1998                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
1999                    
2000                
2001        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">ProMilk</h6>
2002    </div>
2003</a>        </div>
2004            
2005
2006        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2007        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2008        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2009        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2010        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2011        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2012         
2013         
2014        lg-parallax-1 
2015         
2016        
2017        ">
2018            <a href="https://makavisuals.com/projects/golfetta/" class="w-full block group project-card pointer-events-auto opacity-0">
2019    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2020        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2021            <div class="image-wrapper w-full h-full relative overflow-hidden">
2022                <img loading="lazy" loading="lazy" decoding="async" width="800" height="500" src="https://makavisuals.com/wp-content/uploads/2023/07/Golfetta_04.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Golfetta_04.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/07/Golfetta_04-300x188.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/Golfetta_04-768x480.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" />
2023            </div>
2024        </div>
2025    </div>
2026
2027    <div class="flex items-center">
2028                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Nectar</p>
2029</h6>
2030                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2031                    
2032                
2033        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Golfetta Salami</h6>
2034    </div>
2035</a>        </div>
2036            
2037
2038        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2039        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2040        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2041        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2042        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2043        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2044         
2045         
2046         
2047         
2048        
2049        ">
2050            <a href="https://makavisuals.com/projects/mcdonalds-hot-lot/" class="w-full block group project-card pointer-events-auto opacity-0">
2051    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2052        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2053            <div class="image-wrapper w-full h-full relative overflow-hidden">
2054                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/01/MCD_SPICYCHICKEN_001_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
2054w, 2500px" />
2055            </div>
2056        </div>
2057    </div>
2058
2059    <div class="flex items-center">
2060                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p>
2061</h6>
2062                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2063                    
2064                
2065        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">The Hot Lot</h6>
2066    </div>
2067</a>        </div>
2068            
2069
2070        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2071        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2072        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2073        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2074        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2075        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2076         
2077         
2078         
2079         
2080        lg-parallax-1
2081        ">
2082            <a href="https://makavisuals.com/projects/cisk_get-together_ad/" class="w-full block group project-card pointer-events-auto opacity-0">
2083    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2084        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2085            <div class="image-wrapper w-full h-full relative overflow-hidden">
2086                <img loading="lazy" loading="lazy" decoding="async" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/01/Cisk_SummerTVC_22_010_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
2086w, 2500px" />
2087            </div>
2088        </div>
2089    </div>
2090
2091    <div class="flex items-center">
2092        
2093                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Cisk</p>
2094</h6>
2095                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2096                            
2097        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Get Together</h6>
2098    </div>
2099</a>        </div>
2100            
2101
2102        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2103        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2104        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2105        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2106        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2107        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2108        lg-parallax-1 
2109         
2110         
2111         
2112        
2113        ">
2114            <a href="https://makavisuals.com/projects/mcdonalds_app_fries/" class="w-full block group project-card pointer-events-auto opacity-0">
2115    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2116        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2117            <div class="image-wrapper w-full h-full relative overflow-hidden">
2118                <img loading="lazy" loading="lazy" decoding="async" width="1244" height="747" src="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.23.21.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.23.21.jpg 1244w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.23.21-300x180.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.23.21-1024x615.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.23.21-768x461.jpg 768w" sizes="(max-width: 1244px) 100vw, 1244px" />
2119            </div>
2120        </div>
2121    </div>
2122
2123    <div class="flex items-center">
2124                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald&#8217;s</p>
2125</h6>
2126                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2127                    
2128                
2129        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">App Launch</h6>
2130    </div>
2131</a>        </div>
2132            
2133
2134        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2135        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2136        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2137        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2138        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2139        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2140         
2141         
2142         
2143         
2144        
2145        ">
2146            <a href="https://makavisuals.com/projects/spazju-kreattiv/" class="w-full block group project-card pointer-events-auto opacity-0">
2147    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2148        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2149            <div class="image-wrapper w-full h-full relative overflow-hidden">
2150                <img loading="lazy" loading="lazy" decoding="async" width="2249" height="1084" src="https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03.jpg 2249w, https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03-300x145.jpg 300w, https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-0
21505-16-at-11.39.03-1024x494.jpg 1024w, https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03-768x370.jpg 768w, https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03-1536x740.jpg 1536w, https://makavisuals.com/wp-content/uploads/2022/10/Screenshot-2025-05-16-at-11.39.03-2048x987.jpg 2048w" sizes="(max-width: 2249px) 100vw, 2249px" />
2151            </div>
2152        </div>
2153    </div>
2154
2155    <div class="flex items-center">
2156                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Spazju Kreattiv</p>
2157</h6>
2158                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2159                    
2160                
2161        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Spazju Kreattiv</h6>
2162    </div>
2163</a>        </div>
2164            
2165
2166        <div class="w-full lg:w-5/12 p-6 pointer-events-none
2167        [&#038;:nth-child(6n+2)]:lg:translate-y-48
2168        [&#038;:nth-child(6n+3)]:lg:-translate-x-16
2169        [&#038;:nth-child(6n+4)]:lg:pt-[20%] [&#038;:nth-child(6n+4)]:lg:-translate-x-10
2170        [&#038;:nth-child(6n+5)]:lg:translate-x-16 [&#038;:nth-child(6n+5)]:lg:-translate-y-16
2171        [&#038;:nth-child(6n+6)]:lg:translate-x-24 [&#038;:nth-child(6n+6)]:lg:translate-y-24 [&#038;:nth-child(6n+6)]:lg:pb-16
2172         
2173         
2174         
2175         
2176        
2177        ">
2178            <a href="https://makavisuals.com/projects/aps_bank_advert_christmas_2022/" class="w-full block group project-card pointer-events-auto opacity-0">
2179    <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 ">
2180        <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
2181            <div class="image-wrapper w-full h-full relative overflow-hidden">
2182                <img loading="lazy" loading="lazy" decoding="async" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" srcset="https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO.jpg 1920w, https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2022/10/APS_Still_03_HERO-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
2183            </div>
2184        </div>
2185    </div>
2186
2187    <div class="flex items-center">
2188                                    <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>APS Bank</p>
2189</h6>
2190                <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div>
2191                    
2192                
2193        <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Values you can bank on</h6>
2194    </div>
2195</a>        </div>
2196    </div>
2197
2198
2199<div style="height:200px" aria-hidden="true" class="wp-block-spacer hidden lg:block"></div>
2200
2201
2202<div class="flex flex-wrap justify-between items-center">
2203    <div class="lg:w-1/12"></div>
2204    <div class="w-full lg:w-5/12 py-14 px-spacer-mobile lg:px-0">
2205        <p class="text-lead text-white font-light mb-5">Got a brand ready to shine?</p>
2206        <h3 class="text-t3 text-white font-bold mb-8">Let&#8217;s give that Video Campaign some oomph!</h3>
2207        <a href="https://makavisuals.com/contact-us/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white ">
2208
2209Contact Us
2210
2211        <?xml version="1.0" encoding="utf-8"?>
2212<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
2213<svg class="w-4 h-auto ml-2" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2214	 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve">
2215<style type="text/css">
2216	.st0{fill:#FFFFFF;}
2217</style>
2218<g>
2219	<path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/>
2220</g>
2221</svg>        
2222    </a>
2223    </div>
2224    <div class="w-2/12"></div>
2225    <div class="w-5/12 lg:w-4/12 -translate-y-24 lg:translate-y-0">
2226        <img decoding="async" class="w-full" src="https://makavisuals.com/wp-content/themes/maka/public/images/maka-icon.b8f668.svg" alt="">
2227    </div>
2228</div>
2229<div class="background-illustrations absolute w-full top-0 -z-10 pt-96">
2230    <div class="w-full flex justify-start">
2231        <svg class="w-7/12 h-auto dgrey shadow-none -rotate-12 -translate-x-1/4" width="168" height="148" viewBox="0 0 168 148" fill="none" xmlns="http://www.w3.org/2000/svg">
2232<g filter="url(#filter0_d_338_2748)">
2233<path d="M20.924 130L150 118.865V48.2672L30.8496 49.5869L144.696 30.4483L138.172 10L10 39.2628L20.924 130Z" fill="white"/>
2234</g>
2235<defs>
2236<filter id="filter0_d_338_2748" x="0" y="0" width="168" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2237<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2238<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
2239<feOffset dx="4" dy="4"/>
2240<feGaussianBlur stdDeviation="7"/>
2241<feComposite in2="hardAlpha" operator="out"/>
2242<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
2243<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_338_2748"/>
2244<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_338_2748" result="shape"/>
2245</filter>
2246</defs>
2247</svg>    </div>
2248
2249    <div class="w-full flex justify-end pt-96">
2250        <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2251<path d="M16 15.5L11.9105 0.5H4.08966L0 15.5H16Z" fill="#F15A23"/>
2252</svg>    </div>
2253
2254    <div class="w-full flex justify-start pt-96">
2255        <?xml version="1.0" encoding="utf-8"?>
2256<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
2257<svg class="w-7/12 h-auto dgrey shadow-none -translate-x-1/4" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2258	 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve">
2259<style type="text/css">
2260	.st0{fill:#FFFFFF;}
2261</style>
2262<g>
2263	<path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/>
2264</g>
2265</svg>    </div>
2266
2267    <div class="w-full flex justify-end pt-96">
2268        <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2269<path d="M15.2615 9.21078L16 1.50053L11.2783 3.45646L12.0272 0.379043L0.119414 0L0 9.49271L10.9178 10L11.3998 7.11282L15.2615 9.21078Z" fill="#F15A23"/>
2270</svg>    </div>
2271
2272    <div class="w-full flex justify-start">
2273        <svg class="w-7/12 h-auto dgrey shadow-none -rotate-12 -translate-x-1/4" width="168" height="148" viewBox="0 0 168 148" fill="none" xmlns="http://www.w3.org/2000/svg">
2274<g filter="url(#filter0_d_338_2748)">
2275<path d="M20.924 130L150 118.865V48.2672L30.8496 49.5869L144.696 30.4483L138.172 10L10 39.2628L20.924 130Z" fill="white"/>
2276</g>
2277<defs>
2278<filter id="filter0_d_338_2748" x="0" y="0" width="168" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
2279<feFlood flood-opacity="0" result="BackgroundImageFix"/>
2280<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
2281<feOffset dx="4" dy="4"/>
2282<feGaussianBlur stdDeviation="7"/>
2283<feComposite in2="hardAlpha" operator="out"/>
2284<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
2285<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_338_2748"/>
2286<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_338_2748" result="shape"/>
2287</filter>
2288</defs>
2289</svg>    </div>
2290
2291    <div class="w-full flex justify-end pt-96">
2292        <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2293<path d="M16 15.5L11.9105 0.5H4.08966L0 15.5H16Z" fill="#F15A23"/>
2294</svg>    </div>
2295
2296    <div class="w-full flex justify-start pt-96">
2297        <?xml version="1.0" encoding="utf-8"?>
2298<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
2299<svg class="w-7/12 h-auto dgrey shadow-none -translate-x-1/4" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2300	 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve">
2301<style type="text/css">
2302	.st0{fill:#FFFFFF;}
2303</style>
2304<g>
2305	<path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/>
2306</g>
2307</svg>    </div>
2308
2309    <div class="w-full flex justify-end pt-96">
2310        <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="10" viewB
2310ox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2311<path d="M15.2615 9.21078L16 1.50053L11.2783 3.45646L12.0272 0.379043L0.119414 0L0 9.49271L10.9178 10L11.3998 7.11282L15.2615 9.21078Z" fill="#F15A23"/>
2312</svg>    </div>
2313</div>
2314    </main>
2315
2316  <footer class="flex flex-wrap px-10 pt-12 pb-8 mt-12 font-primary">
2317  <div class="flex flex-col lg:flex-row justify-between items-center lg:items-end w-full mb-7">
2318    <div class="flex items-center mt-8 gap-x-5 mb-12 lg:mb-0">
2319                <a target="_blank" href="https://www.facebook.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/facebook.a2aaa2.svg" /></a>
2320      
2321                <a target="_blank" href="https://www.facebook.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/messenger.02699f.svg" /></a>
2322      
2323                <a target="_blank" href="https://www.instagram.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/instagram.5889bd.svg" /></a>
2324      
2325                <a target="_blank" href="https://www.linkedin.com/company/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/linkedin.aa6db2.svg" /></a>
2326      
2327                <a target="_blank" href="https://vimeo.com/makavisuals"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/vimeo.0032c6.svg" /></a>
2328      
2329                <a target="_blank" href="https://www.youtube.com/channel/UCt_sDbAy19mJ9um0H1YZMng"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/youtube.4536be.svg" /></a>
2330          </div>
2331
2332          <div class="flex flex-col lg:flex-row items-center gap-8 mb-12 lg:mb-0">
2333                  <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/careers/">Careers</a>
2334                  <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/projects/">Projects</a>
2335                  <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/services/">Services</a>
2336                  <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/about/">About</a>
2337                  <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/contact-us/">Contact Us</a>
2338              </div>
2339      </div>
2340
2341  <div class="flex flex-col lg:flex-row justify-between w-full">
2342    <div class="flex flex-col lg:flex-row items-center mb-10 lg:mb-0">
2343      <p class="text-grey text-p2-sm lg:text-p2 font-medium mb-5 lg:mb-0 lg:mr-4">©MAKA 2026</p>
2344      <p class="text-grey text-p2-sm lg:text-p2 font-light text-center lg:text-left">MAKA Visuals, Triq l-Irham, Marsa, MRS 1612, Malta, Europe</p>
2345    </div>
2346
2347    <div class="flex flex-wrap justify-center lg:justify-start items-center gap-7">
2348      <a href="https://makavisuals.com/terms-conditions/" class="text-p2-sm lg:text-p2 text-grey font-medium">Terms & Conditions</a>
2349      <a href="https://makavisuals.com/privacy-policy/" class="text-p2-sm lg:text-p2 text-grey font-medium">Privacy Policy</a>
2350
2351      <a href="https://loandbehold.studio" target="_blank" class="text-p1-sm lg:text-p1 text-orange font-bold flex items-center group"> <img class="mr-1 transition-all duration-300 group-hover:-rotate-12 group-hover:-translate-y-1" src="https://makavisuals.com/wp-content/themes/maka/public/images/heart.ff2876.svg" alt=""> Lo&Behold</a>
2352    </div>
2353  </div>
2354</footer>
2355    </div>
2356
2357        
2357<script type="speculationrules">
2358{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/maka/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2359</script>
2359
2360			
2360<script>
2361				const registerAllyAction = () => {
2362					if ( ! window?.ElementorProFrontendConfig || ! window?.elementorFrontend?.utils?.urlActions ) {
2363						return;
2364					}
2365
2366					elementorFrontend.utils.urlActions.addAction( 'allyWidget:open', () => {
2367						if (window?.ea11yWidget?.widget?.open) {
2368							return window.ea11yWidget.widget.isOpen()
2369								? window.ea11yWidget.widget.close()
2370								: window.ea11yWidget.widget.open();
2371						}
2372					} );
2373				};
2374
2375				const waitingLimit = 30;
2376				let retryCounter = 0;
2377
2378				const waitForElementorPro = () => {
2379					return new Promise( ( resolve ) => {
2380						const intervalId = setInterval( () => {
2381							if ( retryCounter === waitingLimit ) {
2382								resolve( null );
2383							}
2384
2385							retryCounter++;
2386
2387							if ( window.elementorFrontend && window?.elementorFrontend?.utils?.urlActions ) {
2388								clearInterval( intervalId );
2389								resolve( window.elementorFrontend );
2390							}
2391								}, 100 ); // Check every 100 milliseconds for availability of elementorFrontend
2392					});
2393				};
2394
2395				waitForElementorPro().then( () => { registerAllyAction(); });
2396			</script>
2396
2397						
2397<script>
2398				const lazyloadRunObserver = () => {
2399					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
2400					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
2401						entries.forEach( ( entry ) => {
2402							if ( entry.isIntersecting ) {
2403								let lazyloadBackground = entry.target;
2404								if( lazyloadBackground ) {
2405									lazyloadBackground.classList.add( 'e-lazyloaded' );
2406								}
2407								lazyloadBackgroundObserver.unobserve( entry.target );
2408							}
2409						});
2410					}, { rootMargin: '200px 0px 200px 0px' } );
2411					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
2412						lazyloadBackgroundObserver.observe( lazyloadBackground );
2413					} );
2414				};
2415				const events = [
2416					'DOMContentLoaded',
2417					'elementor/lazyload/observe',
2418				];
2419				events.forEach( ( event ) => {
2420					document.addEventListener( event, lazyloadRunObserver );
2421				} );
2422			</script>
2422
2423			
2423<script id="app/0-js-before">
2424(()=>{"use strict";var r,e={},o={};function t(r){var n=o[r];if(void 0!==n)return n.exports;var a=o[r]={exports:{}};return e[r].call(a.exports,a,a.exports,t),a.exports}t.m=e,r=[],t.O=(e,o,n,a)=>{if(!o){var s=1/0;for(p=0;p<r.length;p++){o=r[p][0],n=r[p][1],a=r[p][2];for(var i=!0,l=0;l<o.length;l++)(!1&a||s>=a)&&Object.keys(t.O).every((r=>t.O[r](o[l])))?o.splice(l--,1):(i=!1,a<s&&(s=a));if(i){r.splice(p--,1);var f=n();void 0!==f&&(e=f)}}return e}a=a||0;for(var p=r.length;p>0&&r[p-1][2]>a;p--)r[p]=r[p-1];r[p]=[o,n,a]},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var n,a,s=o[0],i=o[1],l=o[2],f=0;if(s.some((e=>0!==r[e]))){for(n in i)t.o(i,n)&&(t.m[n]=i[n]);if(l)var p=l(t)}for(e&&e(o);f<s.length;f++)a=s[f],t.o(r,a)&&r[a]&&r[a][0](),r[a]=0;return t.O(p)},o=self.webpackChunksage=self.webpackChunksage||[];o.forEach(e.bind(null,0)),o.push=e.b
2424ind(null,o.push.bind(o))})()})();
2425//# sourceURL=app%2F0-js-before
2426</script>
vendor: 1 bytes, line 2426
2426
2427<script id="app/0-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/575.4b71f1.js"></script>
vendor: 1 bytes, line 2427
2427
2428<script id="app/1-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/908.00d2b3.js"></script>
vendor: 1 bytes, line 2428
2428
2429<script id="app/2-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/app.ffe38e.js"></script>
vendor: 1 bytes, line 2429
2429
2430<script id="wp-emoji-settings" type="application/json">
2431{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://makavisuals.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}}
2432</script>
vendor: 1 bytes, line 2432
2432
2433<script type="module">
2434/*! This file is auto-generated */
2435var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2436//# sourceURL=https://makavisuals.com/wp-includes/js/wp-emoji-loader.min.js
2437</script>
2437
2438  
2438<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"1322da780efa4faaa1c774632c006bd7","r":1,"spa":2}' crossorigin="anonymous"></script>
2438
2439</body>
2440</html>
2441<!--
2442Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com
2443
2444Retrieved 10122 objects (1 MB) from Redis using PhpRedis (v5.3.7).
2445-->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.