.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-4682 .elementor-element.elementor-element-fdab6a{--display:flex;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--overflow:hidden;--padding-top:3rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;--z-index:1;}.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-4682 .elementor-element.elementor-element-11526354{text-align:center;}.elementor-4682 .elementor-element.elementor-element-11526354 .title{font-size:4.5rem;line-height:1em;letter-spacing:-0.18rem;}.elementor-4682 .elementor-element.elementor-element-6a1c78bc{text-align:center;}.elementor-4682 .elementor-element.elementor-element-6a1c78bc .title{font-size:1.125rem;opacity:70% !important;}.elementor-widget-genix-divider .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-genix-divider .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-4682 .elementor-element.elementor-element-ed908e9{--display:flex;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-tg-tab-builder .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-tg-tab-builder .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}.elementor-4682 .elementor-element.elementor-element-1d58dc9b .d-flex{justify-content:flex-start;}.elementor-4682 .elementor-element.elementor-element-1d58dc9b .uc-subnav-outline-pill>li>a{border-color:#FFFFFF !important;}.elementor-4682 .elementor-element.elementor-element-1d58dc9b .uc-subnav-outline-pill>li:not(.uc-active)>a{background:#D6D2D25E !important;}.elementor-widget-html .uael-party-propz-widget-wrap i{color:var( --e-global-color-primary );}.elementor-widget-html .uael-party-propz-widget-wrap svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-4682 .elementor-element.elementor-element-fdab6a{--content-width:1500px;}.elementor-4682 .elementor-element.elementor-element-ed908e9{--content-width:1500px;}}@media(max-width:1200px){.elementor-4682 .elementor-element.elementor-element-fdab6a{--padding-top:120px;--padding-bottom:120px;--padding-left:16px;--padding-right:16px;}.elementor-4682 .elementor-element.elementor-element-11526354 .title{font-size:3.5rem;letter-spacing:-0.14rem;}}@media(max-width:992px){.elementor-4682 .elementor-element.elementor-element-fdab6a{--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;--padding-top:120px;--padding-bottom:130px;--padding-left:16px;--padding-right:16px;}.elementor-4682 .elementor-element.elementor-element-11526354 .title{font-size:3rem;}}@media(max-width:767px){.elementor-4682 .elementor-element.elementor-element-fdab6a{--padding-top:100px;--padding-bottom:70px;--padding-left:16px;--padding-right:16px;}.elementor-4682 .elementor-element.elementor-element-11526354 .title{font-size:2.5rem;line-height:1.1em;letter-spacing:-0.08rem;}.elementor-4682 .elementor-element.elementor-element-6a1c78bc .title{font-size:1rem;}}/* Start custom CSS for container, class: .elementor-element-ed908e9 *//* ==========================================================================
   1. Industries Tab Bar Styling (Pill Nav Design)
   ========================================================================== */

/* Nav Container */
.industries-tab ul.uc-subnav {
  display: flex !important;
  align-items: center;
  gap: 0.5rem !important;
  padding: 0.25rem !important;
  list-style: none !important;
}

/* Base Link / Pill Style */
.industries-tab ul.uc-subnav > li > a {
  display: inline-block !important;
  padding: 0.6rem 1.4rem !important;
  border-radius: 9999px !important;
  color: #374151 !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  text-decoration: none !important;
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
}

/* Hover Effect on Inactive Tabs */
.industries-tab ul.uc-subnav > li:not(.uc-active) > a:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #111827 !important;
  transform: translateY(-1px);
}

/* Active Tab Style (Teal Pill) */
.industries-tab ul.uc-subnav > li.uc-active > a,
.industries-tab ul.uc-subnav > li > a[aria-selected="true"] {
  background-color: #117465 !important; 
  color: #ffffff !important;
  box-shadow: 0 2px 2px rgba(12, 116, 101, 0.25);
}

/* Prevent hover background override on active tab */
.industries-tab ul.uc-subnav > li.uc-active > a:hover {
  background-color: #117465 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   2. Modern Card Grid & Typography (Applies to ALL Tabs)
   ========================================================================== */

/* Grid Gap across all panels */
.products-lisiting .e-grid {
  gap: 1.75rem !important;
}

/* Card Container Styling */
.products-lisiting .genix-box {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative;
  overflow: hidden;
}

/* Hover elevation & soft glow */
.products-lisiting .genix-box:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.12) !important;
}

/* Image & Zoom Effects */
.products-lisiting .featured-image {
  border-bottom: none !important;
  overflow: hidden;
  border-radius: 16px 16px 0 0 !important;
}

.products-lisiting .featured-image img {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  object-fit: cover;
  width: 100%;
}

.products-lisiting .genix-box:hover .featured-image img {
  transform: scale(1.06) !important;
}


/* Modern Animated Link / Button */
.products-lisiting .uc-link {
  text-decoration: none !important;
  border-bottom: none !important;
  color: #059669 !important; /* Accent Color */
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s ease, gap 0.2s ease !important;
}

.products-lisiting .uc-link i {
  transition: transform 0.2s ease !important;
}

.products-lisiting .genix-box:hover .uc-link {
  color: #047857 !important;
  gap: 0.75rem;
}

.products-lisiting .genix-box:hover .uc-link i {
  transform: translateX(4px);
}

/* ==========================================================================
   3. Dark Mode Adjustments (Cards & Tabs)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
  /* Tab adjustments */
  .industries-tab ul.uc-subnav > li:not(.uc-active) > a { 
    color: #9ca3af !important; 
  }
  
  .industries-tab ul.uc-subnav > li:not(.uc-active) > a:hover { 
    background-color: rgba(255, 255, 255, 0.08) !important; 
    color: #f3f4f6 !important; 
  }
  
  /* Active tab in dark mode */
  .industries-tab ul.uc-subnav > li.uc-active > a {
    background-color: #117465 !important;
    color: #ffffff !important;
  }
  
  /* Card adjustments */
  .products-lisiting .genix-box { 
    background: #18181b !important; 
    border-color: rgba(255, 255, 255, 0.08) !important; 
  }
  
  .products-lisiting .title { 
    color: #f4f4f5 !important; 
  }
  
  .products-lisiting .uc-link { 
    color: #34d399 !important; 
  }
}/* End custom CSS */