.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}

.elementor-element.elementor-element-c57ac6e.width100.custom-submenu.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded, .width100{
	width: 100%!important; min-width: 100%!important;
}

.width100{width: 100%!important; min-width: 100%!important;}

#megamenu_width {
    width: 100%!important;
    max-width: 100%!important;
}

body.home .entry-header{
	display:none;
}
body.home .entry-content{
	margin-top:0px;
}
body.home .ekit-template-content-header{
	    position: absolute;
    width: 100%;
    top: 0;
    background-color: transparent;
}
body.home .ekit-template-content-header > .elementor > header.elementor-section{
	background-color: #0a132d00 !important;
}
div#home-slider {
    position: relative;
    z-index: 0;
}
div#home-slider > .elementor-element{
	position: relative;
    z-index: 99;
}
.bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper{
	padding-left:0px !important;
}
.bdt-slideshow-items{
	position:relative;
}
.bdt-prime-slider-skin-crelly .bdt-ps-counternav:before{
	transform:rotate(0deg) !important;
	height:35px !important;
}
.bdt-prime-slider-skin-crelly .bdt-ps-counternav span
, .bdt-prime-slider-skin-crelly .bdt-ps-counternav li{
	top:8px;
	bottom:auto;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt:before{
	display:none !important;
}
.bdt-slider-excerpt-content > h3{
	display:none !important;
}
.bdt-prime-slider-skin-crelly .bdt-slider-excerpt-content .bdt-slider-excerpt{
	column-count:unset !important;
}
.bdt-prime-slider-skin-crelly .bdt-ps-counternav span{
	color:#fff !important;
}
.bdt-title-tag b{
	color:#FA0F3E !important;
}
.bdt-slidenav{
	position:relative;
}
.bdt-slidenav svg{
	display:none;
}
body.home .ekit-template-content-header > .elementor > header.elementor-sticky--effects,
body.home .ekit-template-content-header > .elementor > header.sticky_header {
    background-color: #0A132D !important;
}
.bdt-prime-slider-previous:after{
	content:"";
	background-image:url('/wp-content/uploads/2024/03/left-arrow.png');
	position:absolute;
	width:24px;
	height:24px;
}
.bdt-prime-slider-next:after{
		content:"";
	background-image:url('/wp-content/uploads/2024/03/right-arrow.png');
	position:absolute;
	width:24px;
	height:24px;
}
@media(max-width:767px){
	header.sticky_header {
    position: fixed;
    height: 60px;
    background-color: #0A132D !important;
    top: 0;
width:100%
	}
}

@media only screen and (max-width: 1300px) and (min-width: 1199px) {
    body.e--ua-mac.e--ua-safari.e--ua-webkit header{
        top: 28px !important;
    }    
}

footer li.current-menu-item>a.eael-item-active {
    background-color: transparent !important;
    color: #fa0f3e !important;
}
/*******************/

div#home-slider .bdt-prime-slider-wrapper {
margin: 0 auto 0 0;
padding-left: 0px;
max-width: 575px;
z-index: 7;
padding-top: 50px;
}
/*.bdt-prime-slider-skin-crelly .bdt-prime-slider-wrapper {
padding-left: 30px !important;
}*/
div#home-slider .bdt-prime-slider-wrapper {
padding: 0;.
left: 0;
}
@media(min-width:1281px) {
div#home-slider .bdt-prime-slider-wrapper {
padding-top: 0;
}
/* Remove the two unwanted service items */
#Development td:has(a[href*="web3-game-development"]),
#Development td:has(a[href*="blockchain-game-development"]) {
  display: none !important;
}

/* Rebuild the Development list as a compact grid */
#Development table {
  width: 100% !important;
  border-collapse: collapse !important;
}

#Development tbody {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(160px, 1fr)) !important;
  column-gap: 48px !important;
  row-gap: 42px !important;
  width: 100% !important;
}

#Development tr {
  display: contents !important;
}

#Development td {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: top !important;
}

#Development td a {
  display: inline-block !important;
  line-height: 1.35 !important;
}
	#Development td:has(a[href*="webgl-game-development"]) {
grid-column: 5;
grid-row: 3;
}
	
/* Main hero video/image block SEE MORE button */
.bdt-prime-slider-button-text,
.bdt-prime-slider-button-text span {
font-family: 'Poppins', sans-serif !important;
font-weight: 500 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
	
	/* All site buttons except navigation menu */
.elementor-button,
button,
.view-more-button,
.bdt-prime-slider-button-text,
.bdt-prime-slider a,
input[type="submit"] {

font-family: 'Poppins', sans-serif !important;
font-weight: 400 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;

}

/* Prevent menu links from being affected */
.main_menu a,
nav a {
font-family: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
}
	/* slider buttons like More / Learn More */
.slider-btn > a,
.slider-btn > a span {
font-family: 'Poppins', sans-serif !important;
font-weight: 300 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
}
	
	/*
==================================================
MAGIC MEDIA DEVELOPMENT MEGA MENU
ORIGINAL SELECTOR STRUCTURE, CLEANED
==================================================
*/

#Development {
    box-sizing: border-box !important;
    font-family: "Rubik", sans-serif !important;
}

#Development table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#Development tbody {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Development tr {
    display: contents !important;
}

/* Hide every original Development service */
#Development td {
    display: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Keep only the six approved services */
#Development tr:nth-child(1) td:nth-child(1),
#Development tr:nth-child(1) td:nth-child(2),
#Development tr:nth-child(1) td:nth-child(4),
#Development tr:nth-child(3) td:nth-child(1),
#Development tr:nth-child(3) td:nth-child(5),
#Development tr:nth-child(3) td:nth-child(6) {
    display: block !important;
}

/* Remove icons, images, arrows, and old decoration */
#Development td svg,
#Development td i,
#Development td img {
    display: none !important;
}

#Development td > a::before {
    content: none !important;
    display: none !important;
}

/* Shared link appearance */
#Development td > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    color: #11182b !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 43, 0.18) !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

#Development td > a:hover {
    color: #ff164f !important;
    border-bottom-color: rgba(255, 22, 79, 0.55) !important;
}

/* Replace Co development with Co-Development */
#Development tr:nth-child(1) td:nth-child(2) > a {
    font-size: 0 !important;
}

#Development tr:nth-child(1) td:nth-child(2) > a::after {
    content: "Co-Development" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Replace Multiplayer text */
#Development tr:nth-child(1) td:nth-child(4) > a {
    font-size: 0 !important;
}

#Development tr:nth-child(1) td:nth-child(4) > a::after {
    content: "Multiplayer & Backend Development" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Desktop */
@media (min-width: 1024px) {
    #Development {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 48px 49% 48px 5.5% !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    #Development::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 47% !important;
        background-image: url("/wp-content/uploads/2024/12/Frame-381-compressed.webp") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%) !important;
        filter: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #Development::after {
        content: none !important;
        display: none !important;
    }

    #Development table {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
    }

    #Development tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, 112px) !important;
        column-gap: 58px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    #Development tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #Development tr:nth-child(3) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Development tr:nth-child(3) td:nth-child(1) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    #Development tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #Development tr:nth-child(3) td:nth-child(6) {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    #Development td {
        height: 112px !important;
        min-height: 112px !important;
        overflow: hidden !important;
    }

    #Development td > a {
        height: 112px !important;
        min-height: 112px !important;
        padding: 18px 16px 18px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    #Development td > a:hover {
        padding-left: 12px !important;
        background: rgba(255, 255, 255, 0.46) !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) > a::after,
    #Development tr:nth-child(1) td:nth-child(4) > a::after {
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    #Development {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        background: transparent !important;
    }

    #Development::before,
    #Development::after {
        content: none !important;
        display: none !important;
    }

    #Development table {
        display: block !important;
    }

    #Development tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, auto) !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    #Development tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #Development tr:nth-child(3) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Development tr:nth-child(3) td:nth-child(1) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    #Development tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #Development tr:nth-child(3) td:nth-child(6) {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    #Development td {
        height: auto !important;
        min-height: 0 !important;
    }

    #Development td > a {
        min-height: 82px !important;
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }

    #Development td > a:hover {
        padding-left: 8px !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) > a::after,
    #Development tr:nth-child(1) td:nth-child(4) > a::after {
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #Development {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 20px 22px !important;
        background: transparent !important;
    }

    #Development::before,
    #Development::after {
        content: none !important;
        display: none !important;
    }

    #Development table {
        display: block !important;
    }

    #Development tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(6, auto) !important;
        gap: 0 !important;
    }

    #Development tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Development tr:nth-child(3) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #Development tr:nth-child(3) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    #Development tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }

    #Development tr:nth-child(3) td:nth-child(6) {
        grid-column: 1 !important;
        grid-row: 6 !important;
    }

    #Development td {
        height: auto !important;
        min-height: 0 !important;
    }

    #Development td > a {
        min-height: 66px !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }

    #Development td > a:hover {
        padding-left: 0 !important;
        color: #ff164f !important;
        background: transparent !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) > a::after,
    #Development tr:nth-child(1) td:nth-child(4) > a::after {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }
}

/* Final desktop centering patch from the original working version */
@media (min-width: 1024px) {
    #Development tbody {
        grid-template-rows: repeat(3, 112px) !important;
    }

    #Development td {
        height: 112px !important;
        min-height: 112px !important;
    }

    #Development td > a {
        display: grid !important;
        align-content: center !important;
        justify-content: start !important;
        width: 100% !important;
        height: 112px !important;
        min-height: 112px !important;
        padding: 0 16px 0 0 !important;
        line-height: 1.4 !important;
    }

    #Development tr:nth-child(1) td:nth-child(2) > a::after,
    #Development tr:nth-child(1) td:nth-child(4) > a::after {
        display: block !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4 !important;
        transform: none !important;
    }

    #Development td > a:hover {
        padding-left: 12px !important;
    }
}
	/*
==================================================
MAGIC MEDIA ART MEGA MENU
ORIGINAL SELECTOR STRUCTURE, CLEANED
==================================================
*/

#art {
    box-sizing: border-box !important;
    font-family: "Rubik", sans-serif !important;
}

#art table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#art tbody {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#art tr {
    display: contents !important;
}

/* Hide every original Art service */
#art td {
    display: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Keep only the five approved services */
#art tr:nth-child(1) td:nth-child(1),
#art tr:nth-child(1) td:nth-child(2),
#art tr:nth-child(1) td:nth-child(3),
#art tr:nth-child(2) td:nth-child(2),
#art tr:nth-child(2) td:nth-child(5) {
    display: block !important;
}

/* Remove icons and old theme decoration */
#art td svg,
#art td i,
#art td img {
    display: none !important;
}

#art td > a::before {
    content: none !important;
    display: none !important;
}

/* Shared link styling */
#art td > a {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    justify-content: start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    color: #11182b !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 43, 0.18) !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

#art td > a:hover {
    color: #ff164f !important;
    border-bottom-color: rgba(255, 22, 79, 0.55) !important;
}

/* 2D Concept Art becomes 2D & Concept Art */
#art tr:nth-child(1) td:nth-child(2) > a {
    font-size: 0 !important;
}

#art tr:nth-child(1) td:nth-child(2) > a::after {
    content: "2D & Concept Art" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* 3D Game Art becomes 3D Art & Modeling */
#art tr:nth-child(1) td:nth-child(3) > a {
    font-size: 0 !important;
}

#art tr:nth-child(1) td:nth-child(3) > a::after {
    content: "3D Art & Modeling" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Game VFX becomes Real-Time Game VFX */
#art tr:nth-child(2) td:nth-child(5) > a {
    font-size: 0 !important;
}

#art tr:nth-child(2) td:nth-child(5) > a::after {
    content: "Real-Time Game VFX" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Desktop */
@media (min-width: 1024px) {
    #art {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 48px 49% 48px 5.5% !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    #art::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 47% !important;
        background-image: url(/wp-content/uploads/2026/09/Untitled-design-2026-09-03T103340.297.png) !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%) !important;
        filter: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #art::after {
        content: none !important;
        display: none !important;
    }

    #art table {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
    }

    #art tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, 112px) !important;
        column-gap: 58px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    #art tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #art tr:nth-child(1) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #art tr:nth-child(1) td:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #art tr:nth-child(2) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    #art tr:nth-child(2) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #art td {
        height: 112px !important;
        min-height: 112px !important;
        overflow: hidden !important;
    }

    #art td > a {
        width: 100% !important;
        height: 112px !important;
        min-height: 112px !important;
        padding: 18px 16px 18px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    #art td > a:hover {
        color: #ff164f !important;
        padding-left: 12px !important;
        background: rgba(255, 255, 255, 0.46) !important;
    }

    #art tr:nth-child(1) td:nth-child(2) > a::after,
    #art tr:nth-child(1) td:nth-child(3) > a::after,
    #art tr:nth-child(2) td:nth-child(5) > a::after {
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    #art {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        background: transparent !important;
    }

    #art::before,
    #art::after {
        content: none !important;
        display: none !important;
    }

    #art table {
        display: block !important;
    }

    #art tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, auto) !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    #art tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #art tr:nth-child(1) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #art tr:nth-child(1) td:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #art tr:nth-child(2) td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    #art tr:nth-child(2) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #art td {
        height: auto !important;
        min-height: 0 !important;
    }

    #art td > a {
        min-height: 82px !important;
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }

    #art td > a:hover {
        padding-left: 8px !important;
    }

    #art tr:nth-child(1) td:nth-child(2) > a::after,
    #art tr:nth-child(1) td:nth-child(3) > a::after,
    #art tr:nth-child(2) td:nth-child(5) > a::after {
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #art {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 20px 22px !important;
        background: transparent !important;
    }

    #art::before,
    #art::after {
        content: none !important;
        display: none !important;
    }

    #art table {
        display: block !important;
    }

    #art tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(5, auto) !important;
        gap: 0 !important;
    }

    #art tr:nth-child(1) td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #art tr:nth-child(1) td:nth-child(2) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #art tr:nth-child(1) td:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #art tr:nth-child(2) td:nth-child(2) {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    #art tr:nth-child(2) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }

    #art td {
        height: auto !important;
        min-height: 0 !important;
    }

    #art td > a {
        min-height: 66px !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }

    #art td > a:hover {
        color: #ff164f !important;
        padding-left: 0 !important;
        background: transparent !important;
    }

    #art tr:nth-child(1) td:nth-child(2) > a::after,
    #art tr:nth-child(1) td:nth-child(3) > a::after,
    #art tr:nth-child(2) td:nth-child(5) > a::after {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }
}
	/*
==================================================
MAGIC MEDIA TESTING MEGA MENU
ORIGINAL SELECTOR STRUCTURE, CLEANED
==================================================
*/

#testing {
    box-sizing: border-box !important;
    font-family: "Rubik", sans-serif !important;
}

#testing table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#testing tbody {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#testing tr {
    display: contents !important;
}

/* Hide every original Testing service */
#testing td {
    display: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Keep the three approved services */
#testing tr:nth-child(1) td:nth-child(4),
#testing tr:nth-child(1) td:nth-child(5),
#testing tr:nth-child(1) td:nth-child(6) {
    display: block !important;
}

/* Remove old theme elements */
#testing td svg,
#testing td i,
#testing td img {
    display: none !important;
}

#testing td > a::before {
    content: none !important;
    display: none !important;
}

/* Shared link styling */
#testing td > a {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    justify-content: start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    color: #11182b !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 43, 0.18) !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

#testing td > a:hover {
    color: #ff164f !important;
    border-bottom-color: rgba(255, 22, 79, 0.55) !important;
}

/* Rename QA Testing */
#testing tr:nth-child(1) td:nth-child(4) > a {
    font-size: 0 !important;
}

#testing tr:nth-child(1) td:nth-child(4) > a::after {
    content: "Game QA Testing" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Rename Load Testing */
#testing tr:nth-child(1) td:nth-child(6) > a {
    font-size: 0 !important;
}

#testing tr:nth-child(1) td:nth-child(6) > a::after {
    content: "Load & Performance Testing" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

/* Desktop */
@media (min-width: 1024px) {
    #testing {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 48px 49% 48px 5.5% !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    #testing::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 47% !important;
        background-image: url(/wp-content/uploads/2026/09/Untitled-design-2026-09-03T103633.314.png) !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%) !important;
        filter: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #testing::after {
        content: none !important;
        display: none !important;
    }

    #testing table {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
    }

    #testing tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 112px) !important;
        column-gap: 58px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #testing tr:nth-child(1) td:nth-child(6) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #testing tr:nth-child(1) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #testing td {
        height: 112px !important;
        min-height: 112px !important;
        overflow: hidden !important;
    }

    #testing td > a {
        width: 100% !important;
        height: 112px !important;
        min-height: 112px !important;
        padding: 18px 16px 18px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    #testing td > a:hover {
        color: #ff164f !important;
        padding-left: 12px !important;
        background: rgba(255, 255, 255, 0.46) !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) > a::after,
    #testing tr:nth-child(1) td:nth-child(6) > a::after {
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    #testing {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        background: transparent !important;
    }

    #testing::before,
    #testing::after {
        content: none !important;
        display: none !important;
    }

    #testing table {
        display: block !important;
    }

    #testing tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, auto) !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #testing tr:nth-child(1) td:nth-child(6) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #testing tr:nth-child(1) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #testing td {
        height: auto !important;
        min-height: 0 !important;
    }

    #testing td > a {
        min-height: 82px !important;
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }

    #testing td > a:hover {
        padding-left: 8px !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) > a::after,
    #testing tr:nth-child(1) td:nth-child(6) > a::after {
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #testing {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 20px 22px !important;
        background: transparent !important;
    }

    #testing::before,
    #testing::after {
        content: none !important;
        display: none !important;
    }

    #testing table {
        display: block !important;
    }

    #testing tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 0 !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #testing tr:nth-child(1) td:nth-child(6) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #testing tr:nth-child(1) td:nth-child(5) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #testing td {
        height: auto !important;
        min-height: 0 !important;
    }

    #testing td > a {
        min-height: 66px !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }

    #testing td > a:hover {
        color: #ff164f !important;
        padding-left: 0 !important;
        background: transparent !important;
    }

    #testing tr:nth-child(1) td:nth-child(4) > a::after,
    #testing tr:nth-child(1) td:nth-child(6) > a::after {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }
}
	/*
==================================================
MAGIC MEDIA VIDEO PRODUCTION MEGA MENU
ORIGINAL SELECTOR STRUCTURE, CLEANED
==================================================
*/

#vidproduction {
    box-sizing: border-box !important;
    font-family: "Rubik", sans-serif !important;
}

#vidproduction table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#vidproduction tbody {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#vidproduction tr {
    display: contents !important;
}

#vidproduction td {
    display: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

#vidproduction td:has(a[href*="trailer"]),
#vidproduction td:has(a[href*="marketing-video-ads"]),
#vidproduction td:has(a[href*="cinematic"]),
#vidproduction td:has(a[href*="visual-effects"]) {
    display: block !important;
}

#vidproduction td svg,
#vidproduction td i,
#vidproduction td img {
    display: none !important;
}

#vidproduction td > a::before {
    content: none !important;
    display: none !important;
}

#vidproduction td > a {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    justify-content: start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    color: #11182b !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 43, 0.18) !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

#vidproduction td > a:hover {
    color: #ff164f !important;
    border-bottom-color: rgba(255, 22, 79, 0.55) !important;
}

#vidproduction td > a[href*="trailer"],
#vidproduction td > a[href*="marketing-video-ads"],
#vidproduction td > a[href*="cinematic"],
#vidproduction td > a[href*="visual-effects"] {
    font-size: 0 !important;
}

#vidproduction td > a[href*="trailer"]::after {
    content: "Game Trailers & Cinematics" !important;
}

#vidproduction td > a[href*="marketing-video-ads"]::after {
    content: "Video Ads & User Acquisition" !important;
}

#vidproduction td > a[href*="cinematic"]::after,
#vidproduction td > a[href*="visual-effects"]::after {
    content: "Cinematic Visual Effects" !important;
}

#vidproduction td > a[href*="trailer"]::after,
#vidproduction td > a[href*="marketing-video-ads"]::after,
#vidproduction td > a[href*="cinematic"]::after,
#vidproduction td > a[href*="visual-effects"]::after {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

@media (min-width: 1024px) {
    #vidproduction {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 48px 49% 48px 5.5% !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    #vidproduction::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 47% !important;
        background-image: url(/wp-content/uploads/2026/09/FallGuys-Video-1.jpg) !important;
        background-repeat: no-repeat !important;
        background-position:90% center !important;
        background-size: cover !important;
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%) !important;
        filter: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #vidproduction::after {
        content: none !important;
        display: none !important;
    }

    #vidproduction table {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
    }

    #vidproduction tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 112px) !important;
        column-gap: 58px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    #vidproduction td:has(a[href*="trailer"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #vidproduction td:has(a[href*="marketing-video-ads"]) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #vidproduction td:has(a[href*="cinematic"]),
    #vidproduction td:has(a[href*="visual-effects"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #vidproduction td {
        height: 112px !important;
        min-height: 112px !important;
        overflow: hidden !important;
    }

    #vidproduction td > a {
        width: 100% !important;
        height: 112px !important;
        min-height: 112px !important;
        padding: 18px 16px 18px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    #vidproduction td > a:hover {
        color: #ff164f !important;
        padding-left: 12px !important;
        background: rgba(255, 255, 255, 0.46) !important;
    }

    #vidproduction td > a[href*="trailer"]::after,
    #vidproduction td > a[href*="marketing-video-ads"]::after,
    #vidproduction td > a[href*="cinematic"]::after,
    #vidproduction td > a[href*="visual-effects"]::after {
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #vidproduction {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        background: transparent !important;
    }

    #vidproduction::before,
    #vidproduction::after {
        content: none !important;
        display: none !important;
    }

    #vidproduction table {
        display: block !important;
    }

    #vidproduction tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, auto) !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    #vidproduction td:has(a[href*="trailer"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #vidproduction td:has(a[href*="marketing-video-ads"]) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #vidproduction td:has(a[href*="cinematic"]),
    #vidproduction td:has(a[href*="visual-effects"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #vidproduction td {
        height: auto !important;
        min-height: 0 !important;
    }

    #vidproduction td > a {
        min-height: 82px !important;
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }

    #vidproduction td > a:hover {
        padding-left: 8px !important;
    }

    #vidproduction td > a[href*="trailer"]::after,
    #vidproduction td > a[href*="marketing-video-ads"]::after,
    #vidproduction td > a[href*="cinematic"]::after,
    #vidproduction td > a[href*="visual-effects"]::after {
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }
}

@media (max-width: 767px) {
    #vidproduction {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 20px 22px !important;
        background: transparent !important;
    }

    #vidproduction::before,
    #vidproduction::after {
        content: none !important;
        display: none !important;
    }

    #vidproduction table {
        display: block !important;
    }

    #vidproduction tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 0 !important;
    }

    #vidproduction td:has(a[href*="trailer"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #vidproduction td:has(a[href*="marketing-video-ads"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #vidproduction td:has(a[href*="cinematic"]),
    #vidproduction td:has(a[href*="visual-effects"]) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #vidproduction td {
        height: auto !important;
        min-height: 0 !important;
    }

    #vidproduction td > a {
        min-height: 66px !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }

    #vidproduction td > a:hover {
        color: #ff164f !important;
        padding-left: 0 !important;
        background: transparent !important;
    }

    #vidproduction td > a[href*="trailer"]::after,
    #vidproduction td > a[href*="marketing-video-ads"]::after,
    #vidproduction td > a[href*="cinematic"]::after,
    #vidproduction td > a[href*="visual-effects"]::after {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }
}
	/*
==================================================
MAGIC MEDIA DESIGN MEGA MENU
ORIGINAL SELECTOR STRUCTURE, CLEANED
==================================================
*/

#Design {
    box-sizing: border-box !important;
    font-family: "Rubik", sans-serif !important;
}

#Design table {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

#Design tbody {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#Design tr {
    display: contents !important;
}

#Design td {
    display: none !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

#Design td:has(a[href*="/game-design/"]),
#Design td:has(a[href*="/level-design/"]),
#Design td:has(a[href*="/tech-design/"]) {
    display: block !important;
}

#Design td svg,
#Design td i,
#Design td img {
    display: none !important;
}

#Design td > a::before {
    content: none !important;
    display: none !important;
}

#Design td > a {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    justify-content: start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    color: #11182b !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(17, 24, 43, 0.18) !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

#Design td > a:hover {
    color: #ff164f !important;
    border-bottom-color: rgba(255, 22, 79, 0.55) !important;
}

#Design td > a[href*="/tech-design/"] {
    font-size: 0 !important;
}

#Design td > a[href*="/tech-design/"]::after {
    content: "Technical Design" !important;
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    background: none !important;
    font-family: "Rubik", sans-serif !important;
    font-weight: 400 !important;
    transform: none !important;
}

@media (min-width: 1024px) {
    #Design {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        width: 100% !important;
        min-height: 440px !important;
        margin: 0 !important;
        padding: 48px 49% 48px 5.5% !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    #Design::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: 1 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 47% !important;
        background-image: url("/wp-content/uploads/2025/02/Frame-430-compressed.jpg") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%) !important;
        filter: none !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

    #Design::after {
        content: none !important;
        display: none !important;
    }

    #Design table {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
    }

    #Design tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 112px) !important;
        column-gap: 58px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    #Design td:has(a[href*="/game-design/"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Design td:has(a[href*="/level-design/"]) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #Design td:has(a[href*="/tech-design/"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Design td {
        height: 112px !important;
        min-height: 112px !important;
        overflow: hidden !important;
    }

    #Design td > a {
        width: 100% !important;
        height: 112px !important;
        min-height: 112px !important;
        padding: 18px 16px 18px 0 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }

    #Design td > a:hover {
        color: #ff164f !important;
        padding-left: 12px !important;
        background: rgba(255, 255, 255, 0.46) !important;
    }

    #Design td > a[href*="/tech-design/"]::after {
        font-size: 18px !important;
        line-height: 1.4 !important;
        letter-spacing: 1px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #Design {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 30px 36px !important;
        background: transparent !important;
    }

    #Design::before,
    #Design::after {
        content: none !important;
        display: none !important;
    }

    #Design table {
        display: block !important;
    }

    #Design tbody {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, auto) !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    #Design td:has(a[href*="/game-design/"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Design td:has(a[href*="/level-design/"]) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    #Design td:has(a[href*="/tech-design/"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Design td {
        height: auto !important;
        min-height: 0 !important;
    }

    #Design td > a {
        min-height: 82px !important;
        padding: 16px 0 !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }

    #Design td > a:hover {
        padding-left: 8px !important;
    }

    #Design td > a[href*="/tech-design/"]::after {
        font-size: 16px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.6px !important;
    }
}

@media (max-width: 767px) {
    #Design {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 12px 20px 22px !important;
        background: transparent !important;
    }

    #Design::before,
    #Design::after {
        content: none !important;
        display: none !important;
    }

    #Design table {
        display: block !important;
    }

    #Design tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: repeat(3, auto) !important;
        gap: 0 !important;
    }

    #Design td:has(a[href*="/game-design/"]) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    #Design td:has(a[href*="/level-design/"]) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    #Design td:has(a[href*="/tech-design/"]) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    #Design td {
        height: auto !important;
        min-height: 0 !important;
    }

    #Design td > a {
        min-height: 66px !important;
        padding: 14px 0 !important;
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }

    #Design td > a:hover {
        color: #ff164f !important;
        padding-left: 0 !important;
        background: transparent !important;
    }

    #Design td > a[href*="/tech-design/"]::after {
        font-size: 15px !important;
        line-height: 1.4 !important;
        letter-spacing: 0.35px !important;
    }
}