.elementor-5603 .elementor-element.elementor-element-e06df04{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5603 .elementor-element.elementor-element-e06df04.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-5603 .elementor-element.elementor-element-e06df04{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5603 .elementor-element.elementor-element-5c089ea.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-5603 .elementor-element.elementor-element-e06df04{--width:105.205%;}}/* Start custom CSS for container, class: .elementor-element-e06df04 */::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-track {
    background: #0f172a; 
  }
  ::-webkit-scrollbar-thumb {
    background: #334155; 
    border-radius: 4px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #475569; 
  }
  
  .glass {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  
  .text-gradient {
    background: linear-gradient(to right, #38bdf8, #818cf8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
.mesh-bg {
  background-color: #020617;
  background-image: 
    radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
    radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 
    /* changed from pink/red to blue */
    radial-gradient(at 100% 0%, hsla(200,90%,45%,1) 0, transparent 50%);
}

  .custom-scrollbar::-webkit-scrollbar { width: 6px; }
  .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
  .custom-scrollbar::-webkit-scrollbar-thumb { background-color: rgba(148, 163, 184, 0.2); border-radius: 20px; }

  /* Custom Utilities */
  .container-custom {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  .glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  }

  /* Button Styles */
  .btn-primary {
    background-color: #fff;
    border: 2px solid #092C5E;
    color: #092C5E;
    font-weight: 700;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
  }
  .btn-primary:hover {
    background-color: #092C5E;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(9, 44, 94, 0.2);
  }

  .btn-secondary {
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: white;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    transition: all 0.3s ease;
  }
  .btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.4);
  }

  /* Logos Marquee Styles */
  .logos-section {
    max-width: 1200px;
    margin: 4rem auto;
    padding: 1rem 0;
  }
  
  .logos-heading {
    text-align: center;
    font-family: "Inter", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: #64748b;
  }

  /* Dark background variant for hero section */
  .bg-slate-950 .logos-heading {
    color: #cbd5e1;
  }
  
  /* Faded rails (top & bottom) */
  .fade-rails {
    position: relative;
  }
  
  .fade-rails::before,
  .fade-rails::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(148, 163, 184, 0.12) 18%,
      rgba(148, 163, 184, 0.26) 50%,
      rgba(148, 163, 184, 0.12) 82%,
      rgba(0, 0, 0, 0) 100%
    );
  }

  /* Dark background variant for fade rails */
  .bg-slate-950 .fade-rails::before,
  .bg-slate-950 .fade-rails::after {
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(255, 255, 255, 0.12) 18%,
      rgba(255, 255, 255, 0.26) 50%,
      rgba(255, 255, 255, 0.12) 82%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  
  .fade-rails::before {
    top: 0;
  }
  
  .fade-rails::after {
    bottom: 0;
  }
  
  /* Logos marquee */
  .logo-marquee {
    overflow: hidden;
    display: flex;
    gap: 0;
  }
  
    .logo-marquee .marquee-group {
      display: flex;
      flex-shrink: 0;
      min-width: 100%;
      gap: 3rem;               /* space between individual logos */
      padding-right: 4rem;     /* NEW – space after the last logo */
      animation: marquee 35s linear infinite;
    }
  
  @media (min-width: 1024px) {
    .logo-marquee .marquee-group {
      animation-duration: 40s;
      gap: 4rem;
    }
  }
  
  .logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .logo-item img {
    display: block;
    height: 32px;
    width: auto;
    object-fit: contain;
    opacity: 0.82;
    filter: contrast(1.1) brightness(0.9);
    transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
  }
  
  .logo-item img:hover {
    opacity: 1;
    filter: none;
    transform: translateY(-2px);
  }
  
  @keyframes marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
  
  @media (max-width: 767px) {
    .logo-marquee .marquee-group {
      gap: 2rem;
    }
    .logo-item img {
      height: 24px;
    }
  }

  /* ========= Marquee Chips (Industries) ========= */
  .mmn-chips-section {
    --fade: 80px;
    --pill-bg: rgba(255,255,255,.60);
    --pill-bd: rgba(13,35,69,.18);
    --ink: #0D2345;
    --dot: #3B82F6;
    --chip-h: 42px;
    --row-pad: 8px;
  }

  .mmn-chips-section .mmn-chips {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 1440px;
    margin: 20px auto 0;
    padding-inline: 0;
    overflow: clip;
    isolation: isolate;
  }

  .mmn-chips-section .row {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);
    block-size: calc(var(--chip-h) + (var(--row-pad)*2));
    overflow: clip;
    contain: content;
  }

  .mmn-chips-section .track {
    display: flex;
    gap: 14px;
    padding-block: var(--row-pad);
    will-change: transform;
    animation: mmn-marquee-left var(--speed,36s) linear infinite;
    width: max-content;
  }

  @keyframes mmn-marquee-left {
    0%   { transform: translate3d(0,0,0); }
    100% { transform: translate3d(-50%,0,0); }
  }

  .mmn-chips-section .chip {
    flex: 0 0 auto;
    white-space: nowrap;
    inline-size: max-content;
    height: var(--chip-h);
    padding: 12px 16px;
    border-radius: 14px;
    color: var(--ink);
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    background: var(--pill-bg);
    border: 1px solid var(--pill-bd);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 6px 18px rgba(0,0,0,.12);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    will-change: transform;
  }

  .mmn-chips-section .chip::before {
    content: "";
    width: 14px; height: 14px;
    border-radius: 999px;
    background: var(--dot);
    box-shadow: 0 0 0 3px rgba(255,255,255,.70) inset, 0 0 0 2px rgba(59,130,246,.20);
  }

  .mmn-chips-section .chip:hover {
    transform: translate3d(0,-1px,0);
  }

  @media (max-width:640px){
    .mmn-chips-section { --fade:80px; --chip-h: 40px; }
    .mmn-chips-section .track { gap:12px; }
    .mmn-chips-section .chip { font-size:14px; padding:10px 14px; }
  }
  
  /* Default outline buttons */
.tab-btn {
border: 1px solid rgba(59, 130, 246, 0.5); /* blue outline */
}

/* Active (filled) tab */
.tab-btn.active {
background-color: #2563eb;     /* blue fill */
border-color: #38bdf8;         /* bright blue border */
color: #f9fafb;                /* text/icon color */
}

/* Make the icon inside active tab white/blue */
.tab-btn.active i {
color: #f9fafb;
}

/* User Avatar Images - Ensure circular, overlapping display */
/* Target images within flex container with negative spacing */
.flex.-space-x-4 img[alt="User"],
.flex.-space-x-3 img[alt="User"],
section img[alt="User"] {
  display: block !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  max-width: 2.5rem !important;
  max-height: 2.5rem !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 2px solid #0f172a !important;
  flex-shrink: 0 !important;
  position: relative !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.flex.-space-x-4 img[alt="User"]:nth-child(1),
.flex.-space-x-3 img[alt="User"]:nth-child(1) {
  z-index: 1;
}

.flex.-space-x-4 img[alt="User"]:nth-child(2),
.flex.-space-x-3 img[alt="User"]:nth-child(2) {
  z-index: 2;
}

.flex.-space-x-4 img[alt="User"]:nth-child(3),
.flex.-space-x-3 img[alt="User"]:nth-child(3) {
  z-index: 3;
}

.flex.-space-x-4 img[alt="User"]:nth-child(4),
.flex.-space-x-3 img[alt="User"]:nth-child(4) {
  z-index: 4;
}

/* Ensure parent container displays correctly with proper overlap */
.flex.-space-x-4,
.flex.-space-x-3 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* Increase overlap for better visual effect */
.flex.-space-x-4 > img {
  margin-left: -1rem !important;
}

.flex.-space-x-4 > img:first-child {
  margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS *//* Faded rails (top & bottom) */
.fade-rails{
  position: relative; /* anchor pseudo-lines */
}

/* Draw a 1px line that fades to transparent on both ends */
.fade-rails::before,
.fade-rails::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;          /* extend past the container */
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.10) 12%,
    rgba(0,0,0,.18) 50%,
    rgba(0,0,0,.10) 88%,
    rgba(0,0,0,0) 100%
  );
}

.fade-rails::before{ top:0; }     /* top line */
.fade-rails::after{  bottom:0; }  /* bottom line */

/* Optional: darker UIs — adjust once, everywhere */
:root{
  --rail-strength: .18;  /* center opacity */
  --rail-soft: .10;      /* sides opacity */
}
/* If you prefer variables, replace rgba values above with:
   rgba(0,0,0,var(--rail-soft)) and rgba(0,0,0,var(--rail-strength)) *//* End custom CSS */