.elementor-8882 .elementor-element.elementor-element-61b3726{--display:flex;}.elementor-8882 .elementor-element.elementor-element-ae30169{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-ae30169 */h1, h2, h3 {color:#fff !important;}
  h1.breadcumb-title {margin:auto !important;}
.subb-nav .nav
 {
   justify-content: flex-start !important;
    margin-top:0px;

}
@media (min-width: 1024px) {
    nav.navbar.validnavs.navbar-box.navbar-style-three {
       
        position: absolute;
        top: -35px !important;
       
    }
}
header.subb-nav {z-index:20 !important}
nav a:hover {
    color: #232323 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61b3726 */:root{
      --bg:#07111f;
      --bg-2:#0c1b2d;
      --panel:#0f2238cc;
      --panel-solid:#10243d;
      --line:rgba(148, 163, 184, 0.18);
      --text:#e5eef9;
      --muted:#9fb2c9;
      --primary:#3bc9db;
      --primary-2:#4f8cff;
      --accent:#64f1b8;
      --warning:#ffd166;
      --danger:#ff6b6b;
      --shadow:0 10px 30px rgba(0,0,0,.25);
      --radius:20px;
      --radius-sm:14px;
      --max:1280px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 15% 20%, rgba(59,201,219,.18), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(79,140,255,.18), transparent 24%),
        linear-gradient(180deg, #07111f 0%, #081726 45%, #091b2b 100%);
      line-height:1.6;
    }

    a{color:inherit;text-decoration:none}
    img{max-width:100%}
    .container{width:min(var(--max), calc(100% - 48px)); margin:auto}
    .section{padding:88px 0}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:8px 14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      border-radius:999px;
      color:#cfe5ff;
      font-size:.84rem;
      letter-spacing:.02em;
    }
    .eyebrow::before{
      content:"";
      width:10px;height:10px;border-radius:50%;
      background:linear-gradient(135deg,var(--accent),var(--primary));
      box-shadow:0 0 14px rgba(100,241,184,.6);
    }
    h1,h2,h3,h4,p{margin:0}
    h1{
      font-size:clamp(2.3rem, 5vw, 4.8rem);
      line-height:1.02;
      letter-spacing:-.04em;
      margin-top:18px;
      max-width:900px;
    }
    h2{
      font-size:clamp(1.7rem, 3vw, 2.8rem);
      line-height:1.1;
      letter-spacing:-.03em;
      margin-bottom:16px;
    }
    .lead{
      margin-top:20px;
      font-size:1.08rem;
      color:var(--muted);
      max-width:780px;
    }
    .grid{
      display:grid;
      gap:24px;
    }
    .btns{
      display:flex; gap:14px; flex-wrap:wrap; margin-top:30px;
    }
    .btn{
      padding:14px 20px;
      border-radius:14px;
      font-weight:700;
      transition:.25s ease;
      border:1px solid transparent;
    }
    .btn.primary{
      background:linear-gradient(135deg,var(--primary),var(--primary-2));
      color:#05111d;
      box-shadow:0 12px 24px rgba(59,201,219,.22);
    }
    .btn.primary:hover{transform:translateY(-2px)}
    .btn.secondary{
      border-color:rgba(255,255,255,.1);
      background:rgba(255,255,255,.03);
      color:var(--text);
    }
    .btn.secondary:hover{
      background:rgba(255,255,255,.07);
      transform:translateY(-2px);
    }

    header{
      position:sticky;
      top:0;
      z-index:50;
      backdrop-filter:blur(14px);
      background:rgba(7,17,31,.58);
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .nav{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      font-weight:800;
      letter-spacing:-.02em;
    }
    .brand-mark{
      width:42px;height:42px;border-radius:12px;
      background:
        linear-gradient(135deg, rgba(59,201,219,.95), rgba(79,140,255,.95));
      display:grid;place-items:center;
      color:#04111d;font-weight:900;
      box-shadow:0 8px 22px rgba(59,201,219,.28);
    }
    .brand small{
      display:block;
      color:var(--muted);
      font-size:.76rem;
      font-weight:600;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    nav ul{
      list-style:none;
      display:flex;
      gap:24px;
      padding:0;margin:0;
      color:#c9d8ea;
      font-size:.95rem;
    }
    nav a:hover{color:#fff}

    .hero{
      position:relative;
      overflow:hidden;
      padding:72px 0 34px;
    }
    .hero-wrap{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:36px;
      align-items:center;
    }

    .hero-card,
    .card{
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    .stats{
      margin-top:34px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    .stat{
      padding:20px;
      border-radius:18px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
    }
    .stat .num{
      font-size:1.8rem;
      font-weight:800;
      letter-spacing:-.03em;
      margin-bottom:6px;
    }
    .stat .txt{
      color:var(--muted);
      font-size:.93rem;
    }

    .hero-card{
      padding:22px;
      position:relative;
      overflow:hidden;
      min-height:560px;
    }
    .dashboard-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:18px;
    }
    .badge{
      font-size:.78rem;
      color:#d5e7fb;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      padding:8px 10px;
      border-radius:999px;
    }
    .mini-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:16px;
    }
    .panel{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:18px;
      padding:18px;
    }
    .panel h4{
      font-size:.95rem;
      color:#dbe8f7;
      margin-bottom:14px;
    }
    .bars{
      display:grid;
      gap:12px;
    }
    .bar-row{
      display:grid;
      gap:8px;
    }
    .bar-head{
      display:flex; justify-content:space-between;
      color:#cfe0f3; font-size:.86rem;
    }
    .bar{
      width:100%; height:10px; border-radius:999px;
      background:rgba(255,255,255,.08); overflow:hidden;
    }
    .bar > span{
      display:block; height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, var(--primary), var(--primary-2));
    }

    .donut-wrap{
      display:grid; place-items:center;
      height:100%;
      min-height:220px;
    }
    .donut{
      width:180px;height:180px;border-radius:50%;
      background:
        conic-gradient(var(--accent) 0 38%, var(--primary) 38% 68%, var(--warning) 68% 88%, rgba(255,255,255,.12) 88% 100%);
      display:grid; place-items:center;
      box-shadow:inset 0 0 0 14px rgba(255,255,255,.04);
    }
    .donut::after{
      content:"Healthy\A 92%";
      white-space:pre;
      display:grid;place-items:center;
      text-align:center;
      width:112px;height:112px;border-radius:50%;
      background:#081727;
      border:1px solid rgba(255,255,255,.07);
      font-weight:800;
      line-height:1.15;
      color:#eef6ff;
    }

    .timeline{
      margin-top:16px;
      display:grid;
      gap:12px;
    }
    .event{
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:12px;
      align-items:center;
      padding:12px 14px;
      border-radius:14px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      color:#dce8f7;
      font-size:.9rem;
    }
    .dot{
      width:10px;height:10px;border-radius:50%;
      background:var(--danger);
      box-shadow:0 0 10px rgba(255,107,107,.55);
    }
    .dot.warn{background:var(--warning); box-shadow:0 0 10px rgba(255,209,102,.5)}
    .dot.ok{background:var(--accent); box-shadow:0 0 10px rgba(100,241,184,.45)}

    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:24px;
      margin-bottom:32px;
    }
    .section-head p{
      max-width:720px;
      color:var(--muted);
    }

    .coverage{
      grid-template-columns:repeat(3,1fr);
    }
    .feature{
      padding:24px;
    }
    .feature .icon{
      width:52px;height:52px;border-radius:16px;
      display:grid;place-items:center;
      margin-bottom:16px;
      font-size:1.3rem;
      background:linear-gradient(135deg, rgba(59,201,219,.18), rgba(79,140,255,.16));
      border:1px solid rgba(255,255,255,.08);
    }
    .feature h3{
      font-size:1.08rem;
      margin-bottom:10px;
    }
    .feature p{
      color:var(--muted);
      font-size:.96rem;
    }

    .architecture{
      padding:28px;
      position:relative;
      overflow:hidden;
    }
    .arch-shell{
      margin-top:14px;
      display:grid;
      gap:18px;
      justify-items:center;
    }
    .arch-main,
    .arch-node,
    .arch-bottom{
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      color:#edf6ff;
      text-align:center;
      border-radius:18px;
      box-shadow:var(--shadow);
    }
    .arch-main{
      width:min(100%, 420px);
      padding:22px 20px;
      background:linear-gradient(135deg, rgba(59,201,219,.16), rgba(79,140,255,.16));
    }
    .arch-line{
      width:2px; height:26px;
      background:linear-gradient(var(--primary), rgba(255,255,255,.15));
    }
    .arch-row{
      width:100%;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      align-items:stretch;
    }
    .arch-node{
      padding:18px 16px;
      min-height:120px;
      display:grid;
      align-content:start;
      gap:6px;
    }
    .arch-node span{
      color:var(--muted);
      font-size:.88rem;
    }
    .arch-bottom{
      width:min(100%, 500px);
      padding:20px 18px;
      background:linear-gradient(135deg, rgba(100,241,184,.12), rgba(59,201,219,.1));
    }
    .connector-row{
      width:100%;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      align-items:start;
      margin-top:-10px;
    }
    .connector{
      width:2px;height:24px;margin:auto;
      background:linear-gradient(rgba(255,255,255,.15), var(--primary-2));
    }

    .caps{
      grid-template-columns:repeat(2,1fr);
    }
    .cap{
      padding:26px;
      display:grid;
      gap:14px;
    }
    .cap-top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }
    .cap h3{font-size:1.08rem}
    .pill{
      font-size:.75rem;
      padding:8px 10px;
      border-radius:999px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      color:#d9e8f8;
      white-space:nowrap;
    }
    .cap p{color:var(--muted)}
    .outcome{
      display:flex; flex-wrap:wrap; gap:10px;
    }
    .outcome span{
      padding:8px 12px;
      border-radius:999px;
      background:rgba(100,241,184,.1);
      border:1px solid rgba(100,241,184,.18);
      color:#dffcf1;
      font-size:.84rem;
    }

    table{
      width:100%;
      border-collapse:collapse;
      overflow:hidden;
      border-radius:18px;
      background:rgba(255,255,255,.03);
      border:1px solid var(--line);
    }
    th,td{
      padding:18px;
      text-align:left;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    th{
      color:#eef6ff;
      background:rgba(255,255,255,.04);
      font-size:.94rem;
    }
    td{
      color:#cfe0f3;
      font-size:.95rem;
    }
    tr:last-child td{border-bottom:none}

    .use-cases{
      grid-template-columns:repeat(4,1fr);
    }
    .use{
      padding:24px;
      min-height:240px;
    }
    .use h3{
      margin:12px 0 10px;
      font-size:1.05rem;
    }
    .use ul{
      margin:0; padding-left:18px; color:var(--muted);
    }
    .use li{margin:8px 0}

    .cta{
      position:relative;
      padding:32px;
      overflow:hidden;
      background:
        radial-gradient(circle at top right, rgba(79,140,255,.2), transparent 28%),
        linear-gradient(135deg, rgba(59,201,219,.12), rgba(255,255,255,.03));
    }
    .cta-wrap{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:28px;
      align-items:center;
    }
    .checklist{
      display:grid;
      gap:12px;
      color:#dce9f8;
    }
    .check{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px 14px;
      border-radius:14px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
    }
    .check b{
      color:var(--accent);
      font-size:1rem;
      line-height:1.2;
    }

    footer{
      padding:28px 0 40px;
      color:var(--muted);
      font-size:.92rem;
    }

    @media (max-width: 1080px){
      .hero-wrap,
      .cta-wrap,
      .caps,
      .coverage,
      .use-cases,
      .arch-row,
      .connector-row{
        grid-template-columns:1fr 1fr;
      }
      .stats{grid-template-columns:1fr}
      nav ul{display:none}
    }

    @media (max-width: 720px){
      .container{width:min(var(--max), calc(100% - 28px))}
      .hero-wrap,
      .cta-wrap,
      .caps,
      .coverage,
      .use-cases,
      .arch-row,
      .connector-row,
      .mini-grid{
        grid-template-columns:1fr;
      }
      .section{padding:68px 0}
      .hero-card{min-height:auto}
      .section-head{
        align-items:start;
        flex-direction:column;
      }
    }
    strong, dt, th {color:#fff !important;}
    .card {background-color:interit !important;}
    
    .subb-nav .nav {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
     
    .menu-anoud-tech-menu-new-container {}
    header.subb-nav nav ul a {color:#fff !important}/* End custom CSS */