.elementor-widget-container > .uael-party-propz-wrap i{color:var( --e-global-color-primary );}.elementor-widget-container > .uael-party-propz-wrap svg{fill:var( --e-global-color-primary );}.elementor-11338 .elementor-element.elementor-element-bb7c25c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:2.5rem 2.5rem;--row-gap:2.5rem;--column-gap:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-11338 .elementor-element.elementor-element-bb7c25c:not(.elementor-motion-effects-element-type-background), .elementor-11338 .elementor-element.elementor-element-bb7c25c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11338 .elementor-element.elementor-element-61c8b9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1rem 2rem;--row-gap:1rem;--column-gap:2rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:0rem;--padding-right:0rem;}.elementor-11338 .elementor-element.elementor-element-529b7d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tg-heading .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-heading .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-11338 .elementor-element.elementor-element-51df725{text-align:left;}.elementor-11338 .elementor-element.elementor-element-51df725 .title{font-size:1.25rem;font-weight:500;line-height:1.2em;letter-spacing:-0.05rem;}.elementor-widget-tg-btn .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-btn .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-11338 .elementor-element.elementor-element-87caef4{text-align:left;}.elementor-11338 .elementor-element.elementor-element-87caef4 .tg-btn{color:#212529 !important;}.elementor-11338 .elementor-element.elementor-element-f58d35b{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--grid-auto-flow:row;--justify-items:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tg-megamenu-demos .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-megamenu-demos .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-11338 .elementor-element.elementor-element-bb7c25c{--content-width:1248px;}.elementor-11338 .elementor-element.elementor-element-61c8b9e{--width:100%;}.elementor-11338 .elementor-element.elementor-element-f58d35b{--width:100%;}}@media(max-width:992px) and (min-width:768px){.elementor-11338 .elementor-element.elementor-element-61c8b9e{--width:100%;}}@media(max-width:1366px){.elementor-11338 .elementor-element.elementor-element-f58d35b{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-11338 .elementor-element.elementor-element-f58d35b{--grid-auto-flow:row;}}@media(max-width:992px){.elementor-11338 .elementor-element.elementor-element-bb7c25c{--flex-wrap:wrap;}.elementor-11338 .elementor-element.elementor-element-f58d35b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-11338 .elementor-element.elementor-element-bb7c25c{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-11338 .elementor-element.elementor-element-61c8b9e{--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-11338 .elementor-element.elementor-element-529b7d5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-11338 .elementor-element.elementor-element-f58d35b{--e-con-grid-template-columns:repeat(1, 1fr);--gap:.5rem 0rem;--row-gap:.5rem;--column-gap:0rem;--grid-auto-flow:row;--justify-items:start;--align-items:center;}}/* Start custom CSS for container, class: .elementor-element-529b7d5 *//* ==================================================
   HEADING & LINK TEXT COLORS (LIGHT/DARK MODE)
   ================================================== */

/* Light Mode (Default) - Black Text */
.elementor-element-529b7d5 .tg-element-title,
.elementor-element-529b7d5 .tg-btn,
.elementor-element-529b7d5 .tg-btn span,
.elementor-element-529b7d5 .tg-btn i {
  color: #000000 !important;
  transition: color 0.3s ease !important;
}

/* Dark Mode - White Text */
html.dark .elementor-element-529b7d5 .tg-element-title,
body.uc-dark .elementor-element-529b7d5 .tg-element-title,
.uc-dark .elementor-element-529b7d5 .tg-element-title,
html.dark .elementor-element-529b7d5 .tg-btn,
html.dark .elementor-element-529b7d5 .tg-btn span,
html.dark .elementor-element-529b7d5 .tg-btn i,
body.uc-dark .elementor-element-529b7d5 .tg-btn,
body.uc-dark .elementor-element-529b7d5 .tg-btn span,
body.uc-dark .elementor-element-529b7d5 .tg-btn i,
.uc-dark .elementor-element-529b7d5 .tg-btn,
.uc-dark .elementor-element-529b7d5 .tg-btn span,
.uc-dark .elementor-element-529b7d5 .tg-btn i {
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f58d35b *//* ==================================================
   INDUSTRIES MEGAMENU CARDS & DARK MODE TEXT
   ================================================== */

/* 1. Base setup for cards */
.industries-card .megamenu-card {
  position: relative !important;
  border: 1px solid transparent !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Ensure smooth text color transitions */
.industries-card .megamenu-card .card-title,
.industries-card .megamenu-card .card-desc {
  transition: color 0.3s ease !important;
}

/* 2. SIBLING DIMMING (Focus Effect) */
.industries-card:hover .megamenu-card {
  opacity: 0.5 !important;
  filter: grayscale(40%) !important;
}

/* 3. LIGHT UP HOVER EFFECT (Full Fill & Glowing Shadow) */
.industries-card .megamenu-card:hover {
  opacity: 1 !important;
  filter: grayscale(0%) !important;
  background-color: #117465 !important;
  border-color: #117465 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 15px 30px -5px rgba(17, 116, 101, 0.4) !important;
}

/* Invert text to white on hover in light mode */
.industries-card .megamenu-card:hover .card-title,
.industries-card .megamenu-card:hover .card-desc {
  color: #ffffff !important;
}

/* 4. ANIMATED ENTRY ARROW */
.industries-card .megamenu-card .card-title {
  display: inline-flex !important;
  align-items: center !important;
}

.industries-card .megamenu-card .card-title::after {
  content: '→';
  margin-left: 8px;
  opacity: 0;
  transform: translateX(-10px);
  color: #ffffff !important;
  font-weight: 700 !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.industries-card .megamenu-card:hover .card-title::after {
  opacity: 1;
  transform: translateX(0);
}


/* ==================================================
   DARK MODE OVERRIDES
   ================================================== */

/* Make card titles and descriptions white by default in dark mode */
html.dark .industries-card .megamenu-card .card-title,
html.dark .industries-card .megamenu-card .card-desc,
body.uc-dark .industries-card .megamenu-card .card-title,
body.uc-dark .industries-card .megamenu-card .card-desc,
.uc-dark .industries-card .megamenu-card .card-title,
.uc-dark .industries-card .megamenu-card .card-desc {
  color: #ffffff !important;
}

/* Light up with vibrant Cyan/Teal on hover in Dark Mode */
html.dark .industries-card .megamenu-card:hover,
body.uc-dark .industries-card .megamenu-card:hover,
.uc-dark .industries-card .megamenu-card:hover {
  background-color: #20b2aa !important;
  border-color: #20b2aa !important;
  box-shadow: 0 15px 30px -5px rgba(32, 178, 170, 0.4) !important;
}

/* Keep text and arrow crisp WHITE on hover in dark mode */
html.dark .industries-card .megamenu-card:hover .card-title,
html.dark .industries-card .megamenu-card:hover .card-desc,
html.dark .industries-card .megamenu-card:hover .card-title::after,
body.uc-dark .industries-card .megamenu-card:hover .card-title,
body.uc-dark .industries-card .megamenu-card:hover .card-desc,
body.uc-dark .industries-card .megamenu-card:hover .card-title::after,
.uc-dark .industries-card .megamenu-card:hover .card-title,
.uc-dark .industries-card .megamenu-card:hover .card-desc,
.uc-dark .industries-card .megamenu-card:hover .card-title::after {
  color: #ffffff !important;
}/* End custom CSS */