<!-- templates/_base.html -->




<!DOCTYPE html>
<html lang="en">

<head>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-BWWCV7LFD8"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'G-BWWCV7LFD8');
    </script>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gamecaviar</title>
    <link rel="icon" type="image/x-icon" href="https://dy2cijbkhc8oz.cloudfront.net/static/favicon.ico">
    <link rel="stylesheet" href="https://dy2cijbkhc8oz.cloudfront.net/static/assets/index-145a7c62.css" />
<script type="module" crossorigin="" src="https://dy2cijbkhc8oz.cloudfront.net/static/assets/app-57c0a64e.js"></script>
    
    

    <script type="module" crossorigin="" src="https://dy2cijbkhc8oz.cloudfront.net/static/assets/chat_window-30767086.js"></script>
    
    

    <script type="text/javascript">
        window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])};
        heap.load("3077558140");
    </script>
</head>

<body class="bg-white min-h-screen relative">
    
    <div class="flex flex-col min-h-screen">
        


<nav class="fixed z-40 w-full bg-gray-800 px-10 max-h-16 h-full">
	<div class="container mx-auto flex flex-nowrap items-center justify-between h-full gap-10">
		<div class="flex gap-12">
			<a href="/" class="flex items-center w-28">
				<img src="https://dy2cijbkhc8oz.cloudfront.net/static/logo.svg" alt="game caviar Logo" />
			</a>
			
		</div>
		<div class="flex gap-2 items-center lg:hidden">
			<button id="hamburger-menu" data-collapse-toggle="navbar" type="button"
				class="inline-flex items-center p-4 ml-3 text-sm text-gray-500 rounded-lg hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-0"
				aria-controls="navbar-solid-bg" aria-expanded="false">
				<span class="sr-only">Open main menu</span>
				<svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20"
					xmlns="http://www.w3.org/2000/svg">
					<path fill-rule="evenodd"
						d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
						clip-rule="evenodd"></path>
				</svg>
			</button>
		</div>
		<div class="hidden lg:block">
			

<div class="w-auto max-h-80 bg-gray-800">
    <div class="flex flex-row gap-2 items-center">
        
        <div class="h-10 border-l border-yellow-mocha text-sm"></div>
        
        <button class="nav-item" data-hx-get="/auth/login/" data-hx-target="#modal"
            data-anchor="sign-in">Sign In</button>
        
    </div>
</div>
		</div>
	</div>
	<div class="fixed top-0 left-0 w-full max-h-[calc(100vh_-_4rem)] mt-[4rem] bg-gray-800 hidden lg:hidden z-20 shadow-card overflow-auto" id="navbar">
		


<div class="flex flex-col gap-3 p-4">
    
    <button class="nav-item" data-hx-get="/auth/login/" data-hx-target="#modal"
        data-anchor="sign-in">Sign In</button>
    
</div>



  <section class="fixed top-16 z-30 w-full h-fit bg-blue-fountain hidden lg:block">
    <div class="relative container mx-auto flex flex-nowrap justify-center xl:justify-around flex-row px-8">
      
        
            
              <div data-tooltip-id="1" class="tooltip-container top-[95%] left-1 z-50 hidden !w-fit">
                <img src="https://dy2cijbkhc8oz.cloudfront.net/static/icons/tooltip-arrow-up.svg"></img>
                <div class="tooltip-content capitalize">
                  Use the Search Bar to search for resources by skill.
                </div>
              </div>
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Concept Art <br>& Game Design</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/9">Concept Art</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/25">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Art Direction</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/26">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Buildings</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/27">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Characters</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/28">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Creatures</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/29">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Environments</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/30">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Graphic Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/31">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Levels</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/32">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Marketing Art</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/33">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Matte Paintings</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/34">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Props</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/35">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Vehicles</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/36">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Weapons</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/10">Game Design</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/37">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Business Analysis</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/38">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Concept Development</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/39">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Design Direction</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/40">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Economy Balancing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/41">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Economy Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/42">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Gameplay Balancing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/43">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Gameplay Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/44">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Gameplay Scripting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/45">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Level Layout</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/46">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prototyping</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/47">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Story &amp; Narrative</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/48">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Systems Design</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Art <br>& Animation</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/11">3D</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/49">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Character Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/50">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Character Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/51">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Creature Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/52">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Creature Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/53">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Environment Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/54">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/55">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/58">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Materials Creation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/56">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prop Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/57">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prop Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/59">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Texture Creation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/62">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">VFX</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/60">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Vehicle Models</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/61">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Weapons Models</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/12">2D</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/63">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Backgrounds</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/64">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Character Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/65">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Character Model Sheets</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/66">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Creature Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/67">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Creature Model Sheets</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/68">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Environment Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/69">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/183">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Font Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/70">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Graphic Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/71">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Motion Graphics</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/72">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">VFX</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Audio <br>& Cinematics</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/13">Audio</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/73">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Audio Integration</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/74">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Audio Post Production</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/75">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Composition</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/76">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Dialogue Editor</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/77">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Foley</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/78">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mixing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/79">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Music</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/80">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Orchestral Scores</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/81">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Sound Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/82">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Sound FX</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/83">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Voice Recording</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/14">Cinematics</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/84">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Animatics</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/85">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Animation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/86">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Camera &amp; Layout</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/93">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Direction</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/87">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Editing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/88">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">In-Engine/ Real-Time</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/89">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Lighting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/96">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Marketing Trailers</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/90">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pre-Rendered</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/91">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pre-Viz</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/92">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Scriptwriting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/94">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Story Development</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/95">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Storyboards</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Tech Art, VFX <br>& Lighting</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/15">Technical Art</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/97">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Binding</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/98">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Character Rigging</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/99">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Rigging</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/100">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Materials</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/101">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Move Trees</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/102">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pipelines</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/103">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Retargetting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/104">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Scripting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/105">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Shaders</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/106">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Tools</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/16">VFX &amp; Lighting</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/107">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Compositing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/108">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Lighting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/109">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Particle FX</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/110">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Post Effects</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/111">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Simulation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/184">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">VFX Design</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Motion Capture <br>& Scanning</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/17">Mocap</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/112">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Body Capture</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/113">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Camera Tracking</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/114">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Clean Up</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/115">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Capture</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/116">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Markerless Capture</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/117">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mocap Direction</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/118">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Polish</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/119">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prop Construction</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/120">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Reference Video</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/121">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Retargetting</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/122">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Stunt Rigging</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/18">Scanning</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/123">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Body Scanning</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/124">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Facial Scanning</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/125">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mobile Rig</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/128">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Photogrammetry</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/126">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prop Scanning</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/127">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Retopology</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >UI <br>& UX</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/19">UI</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/129">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Asset Creation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/130">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Graphic Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/131">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">HUD Creation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/133">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Iconography</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/132">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Ideation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/134">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Interaction Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/135">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mood Boards</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/136">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Style Guides</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/20">UX</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/137">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Discovery</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/138">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Information Architecture</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/139">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mood Boards</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/140">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Player Personas</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/141">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Prototypes</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/142">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Usability Design</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/143">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">User Flows</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/144">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Wireframes</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Engineering <br>& Porting</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/21">Engineering</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/145">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">AI &amp; ML</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/146">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Audio Engineering</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/147">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Backend Systems</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/148">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Build Systems</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/149">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Design Prototyping</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/150">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Engine Development</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/151">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Engine Optimisation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/152">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Graphics Optimisation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/153">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pipeline</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/154">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Runtime Systems</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/155">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Tools</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/22">Porting</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/156">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Android</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/157">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Console</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/158">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Epic Store</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/159">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Handheld</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/161">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Mac</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/162">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To PC</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/163">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Smart TV</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/164">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Steam</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/165">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Unity</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/166">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To Unreal</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/160">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">To iOS</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
        
            
          <div class="group relative uppercase block">            
            
              <div class="flex justify-center items-center w-32 xl:w-36 h-[3.75rem] py-[0.875rem] font-bold text-center cursor-pointer transition ease-in-out delay-150 group-hover:bg-white group-hover:shadow-3xl text-xs text-ellipsis">
                <span >Loc <br>& QA</span>
              </div>
            
            <div
              class="category-dropdown flex bg-white invisible absolute overflow-x-hidden z-40 shadow-3xl left-1/2 -translate-x-1/2 group-hover:animate-fade-in group-hover:visible delay-150">
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/23">Localization</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/168">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Audio Localization</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/169">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Design Culturalization</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/185">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Editing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/186">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Geopolitical Assessment</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/171">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Marketing Culturalization</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/187">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Marketing Localization</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/188">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pre &amp; Post Production</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/189">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Proofreading</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/190">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Subtitling</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/167">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Text Localization</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/191">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Transcreation</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/170">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Visual Cultralization</div>
                      </a>
                    
                  </div>
                
              
                
                <div class="py-5">
                    <a class="block py-2 px-6 font-bold text-gray-liver text-xs mb-1 hover:text-black hover:bg-blue-pale-lily"
                    href="/search/24">QA</a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/192">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Bug Reporting &amp; Tracking</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/172">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Certification</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/193">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Compatibility Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/173">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Compliance</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/174">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Functionality</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/175">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Gameplay Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/194">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Load Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/195">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Localization QA</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/176">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Mock Reviews</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/177">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Performance</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/178">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Pre-Certification</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/179">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">Regression Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/180">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">System Integration Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/181">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">User Acceptance Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/196">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">User Experience Testing</div>
                      </a>
                    
                      <a class="block font-medium text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily w-52 xl:w-52 mb-[3px]"
                        href="/search/182">
                        <div class="py-[6px] px-6 whitespace-normal capitalize">White Box Testing</div>
                      </a>
                    
                  </div>
                
              
            </div>
          </div>
        
      
    </div>
  </section>
  <section id="top-services-mobile" class="w-full bg-blue-fountain block lg:hidden">
    <div class="flex flex-col">
      <div id="navbar-accordion-service" data-accordion="collapse" class="bg-blue-fountain text-sm"
      data-inactive-classes="bg-blue-fountain" data-active-classes="bg-blue-fountain font-semibold">
        
          
            <div id="navbar-accordion-service-heading-1">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-1"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-1">
                  <span>Concept Art &amp; Game Design</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-1" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-1">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/9">Concept Art</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/25">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Art Direction</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/26">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Buildings</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/27">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Characters</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/28">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Creatures</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/29">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Environments</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/30">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Graphic Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/31">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Levels</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/32">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Marketing Art</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/33">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Matte Paintings</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/34">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Props</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/35">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Vehicles</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/36">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Weapons</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/10">Game Design</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/37">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Business Analysis</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/38">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Concept Development</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/39">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Design Direction</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/40">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Economy Balancing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/41">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Economy Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/42">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Gameplay Balancing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/43">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Gameplay Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/44">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Gameplay Scripting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/45">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Level Layout</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/46">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prototyping</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/47">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Story &amp; Narrative</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/48">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Systems Design</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-2">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-2"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-2">
                  <span>Art &amp; Animation</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-2" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-2">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/11">3D</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/49">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Character Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/50">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Character Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/51">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Creature Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/52">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Creature Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/53">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Environment Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/54">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/55">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/58">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Materials Creation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/56">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prop Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/57">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prop Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/59">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Texture Creation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/62">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">VFX</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/60">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Vehicle Models</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/61">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Weapons Models</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/12">2D</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/63">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Backgrounds</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/64">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Character Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/65">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Character Model Sheets</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/66">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Creature Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/67">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Creature Model Sheets</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/68">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Environment Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/69">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/183">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Font Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/70">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Graphic Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/71">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Motion Graphics</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/72">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">VFX</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-3">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-3"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-3">
                  <span>Audio &amp; Cinematics</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-3" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-3">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/13">Audio</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/73">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Audio Integration</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/74">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Audio Post Production</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/75">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Composition</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/76">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Dialogue Editor</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/77">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Foley</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/78">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mixing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/79">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Music</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/80">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Orchestral Scores</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/81">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Sound Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/82">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Sound FX</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/83">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Voice Recording</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/14">Cinematics</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/84">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Animatics</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/85">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Animation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/86">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Camera &amp; Layout</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/93">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Direction</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/87">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Editing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/88">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">In-Engine/ Real-Time</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/89">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Lighting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/96">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Marketing Trailers</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/90">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pre-Rendered</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/91">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pre-Viz</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/92">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Scriptwriting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/94">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Story Development</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/95">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Storyboards</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-4">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-4"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-4">
                  <span>Tech Art, VFX &amp; Lighting</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-4" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-4">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/15">Technical Art</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/97">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Binding</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/98">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Character Rigging</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/99">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Rigging</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/100">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Materials</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/101">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Move Trees</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/102">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pipelines</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/103">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Retargetting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/104">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Scripting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/105">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Shaders</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/106">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Tools</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/16">VFX &amp; Lighting</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/107">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Compositing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/108">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Lighting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/109">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Particle FX</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/110">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Post Effects</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/111">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Simulation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/184">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">VFX Design</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-5">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-5"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-5">
                  <span>Motion Capture &amp; Scanning</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-5" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-5">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/17">Mocap</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/112">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Body Capture</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/113">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Camera Tracking</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/114">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Clean Up</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/115">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Capture</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/116">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Markerless Capture</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/117">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mocap Direction</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/118">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Polish</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/119">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prop Construction</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/120">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Reference Video</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/121">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Retargetting</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/122">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Stunt Rigging</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/18">Scanning</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/123">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Body Scanning</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/124">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Facial Scanning</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/125">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mobile Rig</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/128">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Photogrammetry</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/126">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prop Scanning</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/127">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Retopology</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-6">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-6"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-6">
                  <span>UI &amp; UX</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-6" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-6">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/19">UI</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/129">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Asset Creation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/130">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Graphic Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/131">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">HUD Creation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/133">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Iconography</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/132">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Ideation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/134">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Interaction Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/135">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mood Boards</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/136">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Style Guides</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/20">UX</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/137">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Discovery</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/138">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Information Architecture</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/139">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mood Boards</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/140">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Player Personas</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/141">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Prototypes</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/142">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Usability Design</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/143">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">User Flows</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/144">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Wireframes</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-7">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-7"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-7">
                  <span>Engineering &amp; Porting</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-7" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-7">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/21">Engineering</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/145">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">AI &amp; ML</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/146">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Audio Engineering</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/147">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Backend Systems</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/148">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Build Systems</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/149">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Design Prototyping</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/150">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Engine Development</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/151">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Engine Optimisation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/152">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Graphics Optimisation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/153">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pipeline</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/154">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Runtime Systems</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/155">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Tools</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/22">Porting</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/156">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Android</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/157">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Console</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/158">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Epic Store</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/159">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Handheld</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/161">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Mac</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/162">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To PC</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/163">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Smart TV</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/164">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Steam</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/165">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Unity</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/166">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To Unreal</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/160">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">To iOS</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
          
            <div id="navbar-accordion-service-heading-8">
              <button type="button"
                  class="flex justify-start w-full pl-4 my-2"
                  data-accordion-target="#navbar-accordion-service-body-8"
                  aria-expanded="false" aria-controls="navbar-accordion-service-body-8">
                  <span>Loc &amp; QA</span>
              </button>
            </div>
            <div id="navbar-accordion-service-body-8" class="hidden bg-white shadow-card"
              aria-labelledby="navbar-accordion-service-heading-8">
              <div class="flex justify-start text-sm">
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/23">Localization</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/168">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Audio Localization</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/169">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Design Culturalization</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/185">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Editing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/186">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Geopolitical Assessment</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/171">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Marketing Culturalization</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/187">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Marketing Localization</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/188">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pre &amp; Post Production</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/189">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Proofreading</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/190">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Subtitling</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/167">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Text Localization</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/191">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Transcreation</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/170">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Visual Cultralization</div>
                        </a>
                      
                    </div>
                  
                
                  
                    <div class="w-1/2 mt-2">
                      <a class="block px-4 py-1 font-bold text-gray-liver hover:text-black hover:bg-blue-pale-lily"
                      href="/search/24">QA</a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/192">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Bug Reporting &amp; Tracking</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/172">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Certification</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/193">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Compatibility Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/173">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Compliance</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/174">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Functionality</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/175">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Gameplay Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/194">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Load Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/195">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Localization QA</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/176">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Mock Reviews</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/177">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Performance</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/178">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Pre-Certification</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/179">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">Regression Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/180">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">System Integration Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/181">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">User Acceptance Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/196">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">User Experience Testing</div>
                        </a>
                      
                        <a class="block text-gray-liver text-xs hover:text-black hover:bg-blue-pale-lily"
                          href="/search/182">
                          <div class="py-[6px] px-4 whitespace-normal capitalize">White Box Testing</div>
                        </a>
                      
                    </div>
                  
                
              </div>
            </div>
          
        
      </div>
    </div>
  </section>

<div class="hidden right-0"></div>
	</div>
</nav>
<div id="unread-badge" class="hidden"></div>



	<script>

		function handleResize() {
			if (window.mobileCheck()) {
				window.app.run('is-mobile');
				
					window.app.run('signup-mobile');
				
			} else {
				window.app.run('is-not-mobile');
			}
		}

		window.addEventListener('resize', () => {
			handleResize();
		});

		document.addEventListener('DOMContentLoaded', () => {
			window.app.run('mobile-check');
			handleResize();
		});
	</script>



        <div class='h-16'></div>
        <div id="top_search_space" class="h-0 lg:h-[3.75rem]"></div>
        <div class="absolute z-10">
            
        </div>
        
<section>
    <div class="py-8 container mx-auto px-10">
        <div class="mx-auto w-full text-center">
            <img class="mx-auto mb-6 w-full md:w-2/3 lg:w-1/3" src="https://dy2cijbkhc8oz.cloudfront.net/static/src/images/404.png"
                alt="404 Not Found">
            <div class="flex flex-col items-center gap-6 mb-6">
                <h1 class="text-8xl font-extrabold text-blue-600">404</h1>
                <p class="text-5xl tracking-tight font-extrabold text-gray-900 md:text-4xl">Somethings missing</p>
                <p class="text-gray-500 text-xl">Sorry, we can't find that page. You'll find lots to explore on the
                    home page.</p>
                <a href="/"><button class="btn btn-fountain-base">Head back home</button></a>
            </div>
        </div>
    </div>
</section>


         
<footer class="bg-gray-800 p-10 text-white flex mb-0 mt-auto">
  <div class="container mx-auto">
    <div
      class="flex gap-3 flex-col md:flex-row pb-8 border-b border-yellow-mocha"
    >
      <div class="flex flex-col gap-y-3 text-center md:text-left md:w-1/4">
        <a
          href="https://gamecaviar.freshdesk.com/support/solutions/articles/150000077817-faq"
          class="uppercase text-xs"
          target="_blank"
        >
          About &amp; FAQ
        </a>
        <a
          href="https://gamecaviar.freshdesk.com/support/home"
          class="uppercase text-xs"
          target="_blank"
        >
          Support
        </a>
      </div>
      <div class="flex flex-col gap-y-3 items-center md:items-start">
        <p class="uppercase text-xs">Follow Us</p>
        <a href="https://www.linkedin.com/company/gamecaviar/" target="_blank">
          <img src="https://dy2cijbkhc8oz.cloudfront.net/static/icons/linkedin.svg" />
        </a>
      </div>
    </div>
    <div>
      <p class="text-xs text-center md:text-right mt-5">
        CMG (C) 2023 - <span class="font-mono">fd6a392</span>
      </p>
    </div>
  </div>
</footer>

    </div>
    <div id="modal"></div>
</body>

</html>