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&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 [&::-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 [&:nth-child(6n+2)]:lg:translate-y-48 379 [&:nth-child(6n+3)]:lg:-translate-x-16 380 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 381 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 382 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 – JAHLI</h6> 405 </div> 406</a> </div> 407 408 409 <div class="w-full lg:w-5/12 p-6 pointer-events-none 410 [&:nth-child(6n+2)]:lg:translate-y-48 411 [&:nth-child(6n+3)]:lg:-translate-x-16 412 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 413 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 414 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 443 [&:nth-child(6n+3)]:lg:-translate-x-16 444 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 445 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 446 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 475 [&:nth-child(6n+3)]:lg:-translate-x-16 476 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 477 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 478 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 507 [&:nth-child(6n+3)]:lg:-translate-x-16 508 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 509 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 510 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 539 [&:nth-child(6n+3)]:lg:-translate-x-16 540 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 541 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 542 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 571 [&:nth-child(6n+3)]:lg:-translate-x-16 572 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 573 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 574 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 603 [&:nth-child(6n+3)]:lg:-translate-x-16 604 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 605 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 606 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 635 [&:nth-child(6n+3)]:lg:-translate-x-16 636 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 637 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 638 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 667 [&:nth-child(6n+3)]:lg:-translate-x-16 668 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 669 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 670 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 699 [&:nth-child(6n+3)]:lg:-translate-x-16 700 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 701 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 702 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 731 [&:nth-child(6n+3)]:lg:-translate-x-16 732 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 733 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 734 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 763 [&:nth-child(6n+3)]:lg:-translate-x-16 764 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 765 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 766 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 795 [&:nth-child(6n+3)]:lg:-translate-x-16 796 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 797 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 798 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 824 [&:nth-child(6n+3)]:lg:-translate-x-16 825 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 826 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 827 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 856 [&:nth-child(6n+3)]:lg:-translate-x-16 857 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 858 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 859 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 888 [&:nth-child(6n+3)]:lg:-translate-x-16 889 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 890 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 891 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 920 [&:nth-child(6n+3)]:lg:-translate-x-16 921 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 922 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 923 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 952 [&:nth-child(6n+3)]:lg:-translate-x-16 953 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 954 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 955 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 984 [&:nth-child(6n+3)]:lg:-translate-x-16 985 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 986 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 987 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1016 [&:nth-child(6n+3)]:lg:-translate-x-16 1017 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1018 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1019 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1048 [&:nth-child(6n+3)]:lg:-translate-x-16 1049 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1050 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1051 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 & Planes</h6> 1074 </div> 1075</a> </div> 1076 1077 1078 <div class="w-full lg:w-5/12 p-6 pointer-events-none 1079 [&:nth-child(6n+2)]:lg:translate-y-48 1080 [&:nth-child(6n+3)]:lg:-translate-x-16 1081 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1082 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1083 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1112 [&:nth-child(6n+3)]:lg:-translate-x-16 1113 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1114 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1115 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1144 [&:nth-child(6n+3)]:lg:-translate-x-16 1145 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1146 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1147 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1176 [&:nth-child(6n+3)]:lg:-translate-x-16 1177 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1178 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1179 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1208 [&:nth-child(6n+3)]:lg:-translate-x-16 1209 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1210 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1211 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1240 [&:nth-child(6n+3)]:lg:-translate-x-16 1241 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1242 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1243 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1272 [&:nth-child(6n+3)]:lg:-translate-x-16 1273 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1274 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1275 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 1304 [&:nth-child(6n+3)]:lg:-translate-x-16 1305 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1306 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1307 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1336 [&:nth-child(6n+3)]:lg:-translate-x-16 1337 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1338 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1339 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 1368 [&:nth-child(6n+3)]:lg:-translate-x-16 1369 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1370 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1371 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1400 [&:nth-child(6n+3)]:lg:-translate-x-16 1401 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1402 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1403 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1432 [&:nth-child(6n+3)]:lg:-translate-x-16 1433 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1434 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1435 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1464 [&:nth-child(6n+3)]:lg:-translate-x-16 1465 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1466 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1467 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1496 [&:nth-child(6n+3)]:lg:-translate-x-16 1497 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1498 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1499 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1528 [&:nth-child(6n+3)]:lg:-translate-x-16 1529 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1530 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1531 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 1560 [&:nth-child(6n+3)]:lg:-translate-x-16 1561 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1562 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1563 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 1592 [&:nth-child(6n+3)]:lg:-translate-x-16 1593 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1594 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1595 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1624 [&:nth-child(6n+3)]:lg:-translate-x-16 1625 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1626 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1627 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1656 [&:nth-child(6n+3)]:lg:-translate-x-16 1657 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1658 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1659 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1688 [&:nth-child(6n+3)]:lg:-translate-x-16 1689 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1690 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1691 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1720 [&:nth-child(6n+3)]:lg:-translate-x-16 1721 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1722 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1723 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1752 [&:nth-child(6n+3)]:lg:-translate-x-16 1753 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1754 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1755 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1784 [&:nth-child(6n+3)]:lg:-translate-x-16 1785 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1786 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1787 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1816 [&:nth-child(6n+3)]:lg:-translate-x-16 1817 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1818 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1819 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1848 [&:nth-child(6n+3)]:lg:-translate-x-16 1849 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1850 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1851 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1880 [&:nth-child(6n+3)]:lg:-translate-x-16 1881 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1882 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1883 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 1912 [&:nth-child(6n+3)]:lg:-translate-x-16 1913 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1914 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1915 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 1944 [&:nth-child(6n+3)]:lg:-translate-x-16 1945 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1946 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1947 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 & Pay</h6> 1970 </div> 1971</a> </div> 1972 1973 1974 <div class="w-full lg:w-5/12 p-6 pointer-events-none 1975 [&:nth-child(6n+2)]:lg:translate-y-48 1976 [&:nth-child(6n+3)]:lg:-translate-x-16 1977 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 1978 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 1979 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 2008 [&:nth-child(6n+3)]:lg:-translate-x-16 2009 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2010 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2011 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 2040 [&:nth-child(6n+3)]:lg:-translate-x-16 2041 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2042 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2043 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 2072 [&:nth-child(6n+3)]:lg:-translate-x-16 2073 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2074 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2075 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 2104 [&:nth-child(6n+3)]:lg:-translate-x-16 2105 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2106 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2107 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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 [&:nth-child(6n+2)]:lg:translate-y-48 2136 [&:nth-child(6n+3)]:lg:-translate-x-16 2137 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2138 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2139 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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 [&:nth-child(6n+2)]:lg:translate-y-48 2168 [&:nth-child(6n+3)]:lg:-translate-x-16 2169 [&:nth-child(6n+4)]:lg:pt-[20%] [&:nth-child(6n+4)]:lg:-translate-x-10 2170 [&:nth-child(6n+5)]:lg:translate-x-16 [&:nth-child(6n+5)]:lg:-translate-y-16 2171 [&:nth-child(6n+6)]:lg:translate-x-24 [&:nth-child(6n+6)]:lg:translate-y-24 [&: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’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.