/* latin-ext */
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/wp-content/themes/magicmedia/assets/fonts/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6tTY_vCk5YVqU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Red Hat Display';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/wp-content/themes/magicmedia/assets/fonts/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6jTY_vCk5Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/wp-content/themes/magicmedia/assets/fonts/8vIQ7wUr0m80wwYf0QCXZzYzUoTg8z6hR4jNCH5Z.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/wp-content/themes/magicmedia/assets/fonts/8vIQ7wUr0m80wwYf0QCXZzYzUoTg_T6hR4jNCA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
        @font-face {
            font-family: 'Agdasima Regular';
            font-style: normal;
            font-weight: normal;
            font-display: swap;
            src: url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.eot');
            src: url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.woff2') format('woff2'), url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.woff') format('woff'), url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.ttf') format('truetype'), url('/wp-content/themes/magicmedia/assets/fonts/Agdasima-Regular.svg#AgdasimaRegular') format('svg');
        }
.elementor-403 .elementor-element.elementor-element-4081cc86.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated,.elementor-403 .elementor-element.elementor-element-74637d9c.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated,.elementor-403 .elementor-element.elementor-element-77da1edc>.elementor-container>.elementor-column>.elementor-widget-wrap,.elementor-403 .elementor-element.elementor-element-7ce49834.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center}.elementor-403 .elementor-element.elementor-element-77da1edc:not(.elementor-motion-effects-element-type-background),.elementor-403 .elementor-element.elementor-element-77da1edc>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#0a132d}.elementor-403 .elementor-element.elementor-element-77da1edc>.elementor-container{max-width:1366px;min-height:60px}.elementor-403 .elementor-element.elementor-element-77da1edc{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;margin-top:0;margin-bottom:0;padding:0;z-index:9999}.elementor-403 .elementor-element.elementor-element-77da1edc>.elementor-background-overlay{transition:background .3s,border-radius .3s,opacity .3s}.elementor-bc-flex-widget .elementor-403 .elementor-element.elementor-element-4081cc86.elementor-column .elementor-widget-wrap,.elementor-bc-flex-widget .elementor-403 .elementor-element.elementor-element-74637d9c.elementor-column .elementor-widget-wrap,.elementor-bc-flex-widget .elementor-403 .elementor-element.elementor-element-7ce49834.elementor-column .elementor-widget-wrap{align-items:center}.elementor-403 .elementor-element.elementor-element-4081cc86>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute),.elementor-403 .elementor-element.elementor-element-74637d9c>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute),.elementor-403 .elementor-element.elementor-element-7ce49834>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0}.elementor-403 .elementor-element.elementor-element-7ce49834>.elementor-element-populated{padding:0 10px}.elementor-403 .elementor-element.elementor-element-1e57981,.elementor-403 .elementor-element.elementor-element-73d0357f{width:var(--container-widget-width,107.476%);max-width:107.476%;--container-widget-width:107.476%;--container-widget-flex-grow:0;text-align:left}.elementor-403 .elementor-element.elementor-element-1e57981>.elementor-widget-container,.elementor-403 .elementor-element.elementor-element-73d0357f>.elementor-widget-container{margin:0;padding:0}.elementor-403 .elementor-element.elementor-element-1e57981.elementor-element,.elementor-403 .elementor-element.elementor-element-20980256.elementor-element,.elementor-403 .elementor-element.elementor-element-3218c0a4.elementor-element,.elementor-403 .elementor-element.elementor-element-4f61fb.elementor-element,.elementor-403 .elementor-element.elementor-element-73d0357f.elementor-element{--flex-grow:0;--flex-shrink:0}.elementor-403 .elementor-element.elementor-element-1e57981 img,.elementor-403 .elementor-element.elementor-element-73d0357f img{width:85px}.elementor-403 .elementor-element.elementor-element-74637d9c>.elementor-element-populated{color:#fff;padding:0 15px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel{background-color:#0b162EE8;border-style:solid;border-width:0;border-radius:0;min-width:220px;box-shadow:0 0 0 0 rgba(11.000000000000004,22.000000000000032,46.00000000000002,.02) inset}.elementor-403 .elementor-element.elementor-element-3218c0a4,.elementor-403 .elementor-element.elementor-element-4f61fb{width:var(--container-widget-width,101.831%);max-width:101.831%;--container-widget-width:101.831%;--container-widget-flex-grow:0;z-index:15}.elementor-403 .elementor-element.elementor-element-4f61fb>.elementor-widget-container{margin:0;padding:0;--e-transform-origin-x:center;--e-transform-origin-y:center}.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-container{height:80px;border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-nav-identity-panel,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-nav-identity-panel{padding:5px}.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a{font-family:"Agdasima Regular",Sans-serif;font-size:19px;font-weight:400;text-transform:capitalize;letter-spacing:2px;color:#fff;padding:0 8px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li:hover>a,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li:hover>a .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:active,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:active .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:focus,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:focus .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:hover,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a:hover .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li:hover>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li:hover>a .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:active,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:active .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:focus,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:focus .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:hover,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a:hover .elementskit-submenu-indicator{color:#fa0f3e}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li.current-menu-ancestor>a,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li.current-menu-ancestor>a .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li.current-menu-item>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li.current-menu-ancestor>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li.current-menu-ancestor>a .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li.current-menu-item>a{color:#fe0467}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a .ekit-submenu-indicator-icon,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a .elementskit-submenu-indicator,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a .ekit-submenu-indicator-icon,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a .elementskit-submenu-indicator{color:#e82446;fill:#E82446}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li>a{font-family:Poppins,Sans-serif;font-size:15px;font-weight:500;padding:6px 2px 7px 0;color:#fff}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li:hover>a,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li>a:active,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li>a:focus,.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li>a:hover,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li:hover>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li>a:active,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li>a:focus,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li>a:hover{background-color:#02010100;color:#e82446}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li.current-menu-item>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li.current-menu-item>a{color:#e82446!important}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-submenu-panel,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-submenu-panel{padding:10px 31px}.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-hamburger{float:right;border-style:none}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:#fff}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-hamburger>.ekit-menu-icon,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-hamburger>.ekit-menu-icon{color:#fff}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-close:hover,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-close:hover{color:rgba(0,0,0,.5)}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-container{background-image:url("https://web.archive.org/web/20241111193240im_//wp-content/plugins/elementor/assets/images/placeholder.png");height:80px;border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4>.elementor-widget-container{margin:0;padding:0 16px 0 0;--e-transform-origin-x:center;--e-transform-origin-y:center}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a{font-family:"Agdasima Regular",Sans-serif;font-size:19px;font-weight:400;text-transform:capitalize;letter-spacing:2px;color:#fff;padding:0 15px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-hamburger{float:right;padding:0;border-style:none}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-close{border-style:none}.elementor-403 .elementor-element.elementor-element-4081cc86.elementor-column>.elementor-widget-wrap{justify-content:flex-end}.elementor-403 .elementor-element.elementor-element-4081cc86>.elementor-element-populated{margin:0;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0}.elementor-403 .elementor-element.elementor-element-20980256 .elementor-button{background-color:#fa0f3e;font-family:"Agdasima Regular",Sans-serif;font-size:16px;font-weight:400;letter-spacing:2px;border-radius:0;padding:8px 24px}.elementor-403 .elementor-element.elementor-element-20980256 .elementor-button:focus,.elementor-403 .elementor-element.elementor-element-20980256 .elementor-button:hover{background-color:#fff;color:#fa0f3e}.elementor-403 .elementor-element.elementor-element-20980256{width:var(--container-widget-width,101.76%);max-width:101.76%;--container-widget-width:101.76%;--container-widget-flex-grow:0}.elementor-403 .elementor-element.elementor-element-20980256>.elementor-widget-container{margin:0;padding:0;--e-transform-origin-x:center;--e-transform-origin-y:center;border-radius:0}.elementor-403 .elementor-element.elementor-element-20980256 .elementor-button:focus svg,.elementor-403 .elementor-element.elementor-element-20980256 .elementor-button:hover svg{fill:#FA0F3E}@media(max-width:1024px){.elementor-403 .elementor-element.elementor-element-74637d9c.elementor-column>.elementor-widget-wrap{justify-content:flex-end}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-container,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-container{background-color:#ddd;max-width:350px;border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-nav-identity-panel,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-nav-identity-panel{padding:10px 0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav>li>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav>li>a{color:#000;padding:10px 15px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel>li>a,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel>li>a{padding:15px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-navbar-nav .elementskit-submenu-panel,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-hamburger,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-hamburger{float:right;padding:8px;width:45px;border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-menu-close,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-menu-close{padding:8px;margin:12px;width:40px;border-radius:0}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-nav-logo>img,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-nav-logo>img{max-width:160px;max-height:60px}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-nav-logo,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-nav-logo{margin:5px 0;padding:5px}}@media(min-width:768px){.elementor-403 .elementor-element.elementor-element-7ce49834{width:19.741%}.elementor-403 .elementor-element.elementor-element-74637d9c{width:66.876%}.elementor-403 .elementor-element.elementor-element-4081cc86{width:13.047%}}@media(max-width:1024px) and (min-width:768px){.elementor-403 .elementor-element.elementor-element-74637d9c{width:80%}}@media(max-width:767px){.elementor-403 .elementor-element.elementor-element-77da1edc{margin-top:0;margin-bottom:0}.elementor-403 .elementor-element.elementor-element-7ce49834{width:50%}.elementor-403 .elementor-element.elementor-element-1e57981,.elementor-403 .elementor-element.elementor-element-73d0357f{width:var(--container-widget-width,295.8px);max-width:295.8px;--container-widget-width:295.8px;--container-widget-flex-grow:0}.elementor-403 .elementor-element.elementor-element-74637d9c{width:48%}.elementor-403 .elementor-element.elementor-element-3218c0a4 .elementskit-nav-logo>img,.elementor-403 .elementor-element.elementor-element-4f61fb .elementskit-nav-logo>img{max-width:120px;max-height:50px}}
        .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;
}

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */

.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;
    }
}