.elementor-kit-17722{--e-global-color-primary:#FF9100;--e-global-color-secondary:#04154E;--e-global-color-text:#FAFDFF;--e-global-color-accent:#04154E0D;--e-global-color-56a843b:#FFFCF4;--e-global-color-155327e:#DB7D00;--e-global-color-cc1893e:#021F80;--e-global-color-2ef7091:#EBEBEB;--e-global-color-2f33969:#F5F5F5;--e-global-color-4c6b0e7:#FDFDFD;--e-global-color-cfd25b9:#999FB7;--e-global-typography-primary-font-family:"Roboto Flex";--e-global-typography-primary-font-size:25px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Inter Tight";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-17722 e-page-transition{background-color:#FFBC7D;}.elementor-kit-17722 p{margin-block-end:15px;}.elementor-kit-17722 a{color:var( --e-global-color-secondary );}.elementor-kit-17722 h1{color:var( --e-global-color-secondary );}.elementor-kit-17722 h2{color:var( --e-global-color-secondary );}.elementor-kit-17722 h3{color:var( --e-global-color-secondary );}.elementor-kit-17722 h4{color:var( --e-global-color-secondary );}.elementor-kit-17722 h5{color:var( --e-global-color-secondary );}.elementor-kit-17722 h6{color:var( --e-global-color-secondary );}.elementor-kit-17722 button,.elementor-kit-17722 input[type="button"],.elementor-kit-17722 input[type="submit"],.elementor-kit-17722 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-kit-17722 label{color:#333333;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;text-transform:capitalize;line-height:2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */Core Liquid Glass
========================= */
.liquid-glass {
backdrop-filter: url(#liquidGlass) blur(15px);
-webkit-backdrop-filter: url(#liquidGlass) blur(15px);
box-shadow:
0 30px 30px rgba(0, 0, 0, 0.1),
inset 0 0 20px rgba(0, 0, 0, 0.1),
inset 3px 3px 2px -2px rgba(255, 255, 255, 0.8),
inset -3px -3px 2px -2px rgba(255, 255, 255, 0.8);
isolation: isolate;
}

/* =========================
Flicker / Hover Fixes
========================= */
.elementor-section:hover,
.elementor-container:hover,
.elementor-widget:hover {
backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: opacity, transform;
}

/* Prevent GIF flicker after Fix 3 */
.elementor-widget-image img[src$=".gif"] {
backface-visibility: visible !important;
transform: none !important;
-webkit-transform: none !important;
will-change: auto !important;
}

/* =========================
Header Layout
========================= */
header.elementor-location-header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
}

header.elementor-location-header .elementor-container:empty {
display: none !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Align the entire header horizontally + vertically */
header .elementor-container,
header .e-con {
display: flex;
justify-content: space-between;
align-items: center;
}

/* Make sure the header and bars stack correctly */
.event-bar,
.top-bar {
position: relative;
z-index: 9999 !important;
}

header,
.elementor-location-header,
.elementor-sticky--effects {
position: relative;
z-index: 10000 !important;
}

/* =========================
SVG Color Fix
========================= */
.force-svg-color svg path,
.force-svg-color svg rect,
.force-svg-color svg circle,
.force-svg-color svg polygon,
.force-svg-color svg line,
.force-svg-color svg polyline {
fill: currentColor !important;
stroke: currentColor !important;
}

/* =========================
Mega Menu Preview
========================= */
.right-preview {
position: relative;
}

.right-preview img {
opacity: 0;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.35s ease;
pointer-events: none;
}

/* Hover triggers for mega menu (DOM order dependent) */
.menu-preview-1:hover ~ .right-preview .image-preview-1 { opacity: 1; }
.menu-preview-2:hover ~ .right-preview .image-preview-2 { opacity: 1; }
.menu-preview-3:hover ~ .right-preview .image-preview-3 { opacity: 1; }
.menu-preview-4:hover ~ .right-preview .image-preview-4 { opacity: 1; }

/* =========================
Case Studies Dropdown
========================= */
.elementor-nav-menu--dropdown.case-studies-dropdown {
width: 260px;
padding: 15px 20px;
text-align: left;
}

.elementor-nav-menu--dropdown.case-studies-dropdown li a {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
}

.elementor-nav-menu--dropdown.case-studies-dropdown li a img {
width: 22px;
height: 22px;
object-fit: contain;
}

/* =========================
Nav Menu General Dropdown
========================= */
.elementor-nav-menu--main {
display: flex;
align-items: center;
gap: 28px;
}

.elementor-nav-menu--dropdown {
text-align: left;
}

.elementor-nav-menu--dropdown li a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 0;
}

.elementor-nav-menu--dropdown li a img {
width: 22px;
height: 22px;
object-fit: contain;
}

/* =========================
Video Widgets (Elementor + Plyr)
========================= */
.elementor-widget-video iframe,
.elementor-widget-video video {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}

/* Responsive embed wrapper */
.embed,
.plyr__video-embed {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

.embed iframe,
.plyr__video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* =========================
Video Popup
========================= */
/* Controls visibility */
.v-popup .plyr__controls {
opacity: 0;
pointer-events: none;
}

.v-popup.playing .plyr__controls {
opacity: 1;
pointer-events: auto;
}

/* Overlay play button */
.plyr__control.plyr__control--overlaid svg {
opacity: 1;
}

.plyr__control.plyr__control--overlaid:before {
display: none;
}

.plyr input[type="range"]::-webkit-slider-runnable-track {
box-shadow: none;
}

.plyr__control.plyr__control--overlaid {
height: 80px;
width: 80px !important;
}

/* =========================
Scroll / Overflow
========================= */
html.active,
body {
overflow-x: hidden !important;
}

.v-popup.active {
width: 100vw !important;
max-width: 100vw !important;
overflow-x: hidden !important;
}

@media (max-width: 767px) {
:root {
--plyr-control-icon-size: 18px;
}

.plyr__control.plyr__control--overlaid {
height: 50px;
width: 50px !important;
}

html.active {
overflow: hidden;
}
}

/* =========================
Video / Image Interaction
========================= */

/* Keep header above videos */
video,
.elementor-widget-video video,
.elementor-html5-video,
.elementor-background-video-container video {
position: relative !important;
z-index: 1 !important;
}

/* Light-touch interaction restrictions to avoid weird hover UIs
(less aggressive than before, safer for mobile) */
img,
video {
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}

/* Let videos still be interactive (no global pointer-events: none) */
video {
object-fit: cover;
width: 100%;
height: auto;
outline: none;
border: none;
}

/* Remove gray hover box / controls styling only where supported */
video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel {
/* Keep minimal to avoid crashes; hiding fully can be fragile */
background-color: transparent;
}

/* Cursor behavior */
video:hover {
cursor: default;
}

html {
  color-scheme: light only;
}/* End custom CSS */