:root {
--gc-mega-ink: #050811;
--gc-mega-navy: #0B1224;
--gc-mega-blue: #326BFF;
--gc-mega-gold: #D8BE83;
--gc-mega-paper: #F6F7FA;
--gc-mega-muted: #AEB8CB;
--gc-mega-width: min(1280px, calc(100vw - 112px));
} body .gc-services-dropdown {
position: fixed !important;
top: var(--gc-mega-top, 92px) !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
width: var(--gc-mega-width) !important;
max-width: var(--gc-mega-width) !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
transform: translateX(-50%) !important;
overflow: visible !important;
z-index: 100000 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body .gc-services-dropdown *,
body .gc-services-dropdown *::before,
body .gc-services-dropdown *::after {
box-sizing: border-box !important;
}
body .gc-services-dropdown .jet-mega-menu-mega-container__inner,
body .gc-services-dropdown .gc-services-dropdown-inner,
body .gc-services-dropdown .elementor,
body .gc-services-dropdown .elementor-section-wrap,
body .gc-services-dropdown .elementor-container,
body .gc-services-dropdown .elementor-column,
body .gc-services-dropdown .elementor-widget-wrap {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
transform: none !important;
overflow: visible !important;
} body .gc-services-root,
body .elementor-location-header .gc-services-root,
body .gc-services-dropdown .elementor-element-7da4f1da {
position: relative !important;
isolation: isolate !important;
display: grid !important;
grid-template-columns: 292px minmax(0, 1fr) !important;
align-items: stretch !important;
gap: 28px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 34px !important;
overflow: visible !important;
border: 1px solid rgba(216, 190, 131, .22) !important;
border-top-color: rgba(255, 255, 255, .10) !important;
border-radius: 0 0 34px 34px !important;
background:
radial-gradient(circle at 7% 4%, rgba(50, 107, 255, .24), transparent 30%),
radial-gradient(circle at 94% 2%, rgba(216, 190, 131, .18), transparent 26%),
linear-gradient(135deg, rgba(5, 8, 17, .985), rgba(11, 18, 36, .965)) !important;
box-shadow:
0 42px 110px rgba(2, 6, 23, .58),
inset 0 1px 0 rgba(255, 255, 255, .08) !important;
-webkit-backdrop-filter: blur(24px) saturate(155%);
backdrop-filter: blur(24px) saturate(155%);
animation: gc-mega-reveal .22s ease both;
}
body .gc-services-root::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
pointer-events: none !important;
border-radius: inherit !important;
background:
linear-gradient(90deg, transparent, rgba(255, 255, 255, .07), transparent) 0 0 / 100% 1px no-repeat,
linear-gradient(135deg, rgba(255, 255, 255, .045), transparent 38%, rgba(216, 190, 131, .045)) !important;
}
body .gc-services-root::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: -36px !important;
z-index: -1 !important;
width: 100% !important;
height: 105px !important;
pointer-events: none !important;
border-radius: 0 0 38px 38px !important;
opacity: .86 !important;
background:
radial-gradient(ellipse at 50% 0%, rgba(50, 107, 255, .30), transparent 62%),
linear-gradient(90deg, transparent, rgba(216, 190, 131, .11), transparent) !important;
filter: blur(24px) !important;
}
body .gc-services-root > * {
position: relative !important;
z-index: 2 !important;
} body .gc-services-left,
body .gc-services-root .elementor-element-39cc7b9d {
grid-column: 1 !important;
grid-row: 1 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 30px 28px !important;
overflow: hidden !important;
transform: none !important;
border: 1px solid rgba(255, 255, 255, .12) !important;
border-radius: 26px !important;
background:
radial-gradient(circle at 0 0, rgba(216, 190, 131, .15), transparent 32%),
linear-gradient(180deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .032)) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .10),
0 20px 58px rgba(2, 6, 23, .24) !important;
}
body .gc-services-left::before,
body .gc-services-root .elementor-element-39cc7b9d::before {
content: "" !important;
position: absolute !important;
left: 28px !important;
top: 28px !important;
width: 38px !important;
height: 2px !important;
border-radius: 99px !important;
background: linear-gradient(90deg, var(--gc-mega-gold), var(--gc-mega-blue)) !important;
}
body .gc-services-root .elementor-element-71f6f399 .elementor-heading-title {
margin-top: 18px !important;
margin-bottom: 22px !important;
color: var(--gc-mega-gold) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
letter-spacing: .18em !important;
text-transform: uppercase !important;
}
body .gc-services-root .elementor-element-57bbc2da .elementor-heading-title {
max-width: 320px !important;
margin: 0 0 22px !important;
color: var(--gc-mega-paper) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: clamp(30px, 2.5vw, 42px) !important;
font-weight: 700 !important;
line-height: .98 !important;
letter-spacing: -.055em !important;
}
body .gc-services-root .elementor-element-246a848b,
body .gc-services-root .elementor-element-246a848b p {
max-width: 280px !important;
margin: 0 !important;
color: rgba(232, 238, 255, .72) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.65 !important;
} body .gc-services-right,
body .gc-services-root .elementor-element-20931a5e,
body .gc-services-widget,
body .gc-services-widget > .elementor-widget-container,
body #services-mega,
body #services-mega .mega-shell,
body #services-mega .shell,
body #services-mega .mega-services {
grid-column: 2 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
left: auto !important;
right: auto !important;
transform: none !important;
position: relative !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
body #services-mega .mega-services {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 14px !important;
align-items: stretch !important;
} body #services-mega .mega-item {
position: relative !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
gap: 16px !important;
align-items: flex-start !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 154px !important;
padding: 22px 21px 21px !important;
overflow: hidden !important;
text-decoration: none !important;
color: var(--gc-mega-paper) !important;
border: 1px solid rgba(255, 255, 255, .14) !important;
border-radius: 24px !important;
background:
linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035)),
radial-gradient(circle at 12% 0, rgba(50, 107, 255, .13), transparent 38%) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .10),
0 18px 45px rgba(2, 6, 23, .22) !important;
transition:
transform .24s ease,
border-color .24s ease,
background .24s ease,
box-shadow .24s ease !important;
}
body #services-mega .mega-item:hover {
transform: translateY(-5px) !important;
border-color: rgba(216, 190, 131, .46) !important;
background:
linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045)),
radial-gradient(circle at 12% 0, rgba(50, 107, 255, .22), transparent 40%) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .14),
0 25px 65px rgba(2, 6, 23, .35),
0 10px 36px rgba(50, 107, 255, .13) !important;
}
body #services-mega .mega-item i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 39px !important;
height: 39px !important;
margin-top: 1px !important;
flex: 0 0 auto !important;
border: 1px solid rgba(216, 190, 131, .48) !important;
border-radius: 14px !important;
background: linear-gradient(135deg, var(--gc-mega-gold), #F1E6CE) !important;
color: var(--gc-mega-ink) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
font-weight: 800 !important;
line-height: 1 !important;
box-shadow: 0 10px 26px rgba(216, 190, 131, .16) !important;
}
body #services-mega .mega-item span {
min-width: 0 !important;
}
body #services-mega .mega-item strong {
display: block !important;
margin: 1px 0 8px !important;
color: var(--gc-mega-paper) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 16px !important;
font-weight: 760 !important;
line-height: 1.14 !important;
letter-spacing: -.025em !important;
}
body #services-mega .mega-item small {
display: block !important;
max-width: 260px !important;
color: rgba(220, 226, 236, .72) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1.42 !important;
}
body #services-mega .mega-item b {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 27px !important;
height: 27px !important;
margin-top: -2px !important;
flex: 0 0 auto !important;
border: 1px solid rgba(255, 255, 255, .13) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .045) !important;
color: var(--gc-mega-gold) !important;
font-family: Outfit, Inter, system-ui, sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1 !important;
transition: transform .24s ease, color .24s ease, border-color .24s ease, background .24s ease !important;
}
body #services-mega .mega-item:hover b {
transform: translate(2px, -2px) !important;
border-color: rgba(216, 190, 131, .52) !important;
background: rgba(216, 190, 131, .11) !important;
color: #FFFFFF !important;
} html.gc-page-scrolled body .elementor-location-header .gc-luxe-header,
body.gc-page-scrolled .elementor-location-header .gc-luxe-header,
html.gc-page-scrolled body .elementor-location-header #gaiacreative-header,
body.gc-page-scrolled .elementor-location-header #gaiacreative-header,
body .elementor-location-header .gc-luxe-header.gc-is-scrolled,
body .elementor-location-header .gc-luxe-header.elementor-sticky--effects {
background:
radial-gradient(circle at 12% 0%, rgba(50, 107, 255, .18), transparent 34%),
radial-gradient(circle at 88% 0%, rgba(216, 190, 131, .13), transparent 30%),
linear-gradient(180deg, rgba(5, 8, 17, .94), rgba(5, 8, 17, .88)) !important;
-webkit-backdrop-filter: blur(22px) saturate(150%) !important;
backdrop-filter: blur(22px) saturate(150%) !important;
border-bottom: 1px solid rgba(216, 190, 131, .22) !important;
box-shadow: 0 22px 70px rgba(2, 6, 23, .34) !important;
}
@keyframes gc-mega-reveal {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1180px) {
:root {
--gc-mega-width: calc(100vw - 44px);
}
body .gc-services-root,
body .elementor-location-header .gc-services-root,
body .gc-services-dropdown .elementor-element-7da4f1da {
grid-template-columns: 1fr !important;
gap: 20px !important;
padding: 26px !important;
}
body .gc-services-left,
body .gc-services-root .elementor-element-39cc7b9d,
body .gc-services-right,
body .gc-services-root .elementor-element-20931a5e,
body .gc-services-widget,
body .gc-services-widget > .elementor-widget-container,
body #services-mega,
body #services-mega .mega-shell,
body #services-mega .shell,
body #services-mega .mega-services {
grid-column: 1 !important;
grid-row: auto !important;
}
body #services-mega .mega-services {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
:root {
--gc-mega-width: calc(100vw - 24px);
}
body .gc-services-root,
body .elementor-location-header .gc-services-root,
body .gc-services-dropdown .elementor-element-7da4f1da {
padding: 18px !important;
border-radius: 0 0 24px 24px !important;
}
body #services-mega .mega-services {
grid-template-columns: 1fr !important;
}
body #services-mega .mega-item {
min-height: auto !important;
padding: 19px !important;
}
}