/* Reset & base */
    :root{
      --bg:#0B0F11; --muted:#eaebeb; --accent:#eaebeb; --primary:#0B0F11;
      --shadow: 0 6px 24px rgba(2,6,23,0.12);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }
    *{box-sizing:border-box}
    body{margin:0;color:var(--accent);}

    /* Header */
    .site-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:18px 20px;
    }
    .site-header_main{
      background:var(--bg);
    }
    .brand{display:flex;align-items:center;gap:12px}
    .brand img{
      width: 152px!important;
      height: 56px!important;
     }
    .nav-wrap{
      display:flex;
      gap:8px;
      align-items:center;
     }

    /* Primary nav */
.content-wrapper{
position:relative;
}
    nav.primary{}
    .nav-list{display:flex;gap:6px;list-style:none;margin:0;padding:0}
    .nav-item{
      margin: 0px 16px;
      padding: 20px 0px;
}
     .nav-link:hover,
     .nav-link:focus,
     .nav-link:active{
      color:#fff!important;
      text-decoration: none!important; 
    }
    .nav-link:hover svg, 
    .nav-link:hover svg path {
    stroke: #eaebeb !important;
    }
    .nav-link{
      display: flex;
      align-items: center;
      text-decoration:none;
      color:var(--accent);
      list-style: none;
      margin: 0;
      gap: 2px;
      z-index: 10;
      font-size: 14px;
      padding-bottom: 4px;
      border-radius: 200px;
      padding-left: 6px;
      padding-right: 6px;
      text-decoration: none;
      font-weight: 600;
      position: relative;
  }
}
    .nav-link:focus{outline:2px solid rgba(14,165,164,0.2);outline-offset:2px}
    .nav-list .nav-item .nav-link:hover::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 14px;
    width: 30px;
    height: 2px;
    background-color: #1946FA;
    transform: translateX(-50%);
   } 
   .child_group_2_get ul li:nth-last-child(1) a{
      color: rgb(13, 110, 253)!important;
      font-weight: 600!important;
   }
    /* Mega panel */
    .mega{
      position:absolute;
      left:0;
      top: 70%;
      transform:translateY(8px);
      min-width:720px;
      background:white;
      border-radius:10px;
      padding:18px 14px;
      display: none;
      background-color: #000000;
      box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
      color: #eaebeb;
      width: 100%;
      max-width: 1240px;
      margin: auto;
      z-index: 99999;
      border-radius: 30px;
      height: auto;
}
    .mega_grid_3{
      width: unset;
      left: unset;
      min-width: 280px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .mega_grid_3 ul{
     padding: 0px; 
     list-style:none; 
     display: block;
     width: 100%;
    }
     .mega_grid_3 ul li{
     margin: 5px;
    }
    .nav-item.open > .mega{display:block}
    .mega-grid{
      display:flex;grid-template-columns:1fr 1fr 240px;gap:18px}

    /* columns */
    .col{min-width:0}
    .col h4{margin:0 0 8px 0;font-size:14px;color:#0b1220}
    .col ul{list-style:none;padding:0;margin:0}
    .col a:hover
     {color:var(--primary)}

    /* Right column: large image / CTA */
    .promo{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
    .promo img{width:100%;height:120px;object-fit:cover;border-radius:8px}
    .promo .btn{display:inline-block;padding:8px 12px;background:var(--primary);color:white;border-radius:8px;text-decoration:none;font-weight:700}

    /* small utilities */
    .search-mini{display:flex;border:1px solid #e6e9ef;padding:6px;border-radius:8px;align-items:center}
    .search-mini input{border:0;outline:none;font-size:14px;padding:6px}
     .btn_gradient-outlined {
    background-color: transparent;
    color: #eaebeb !important;
    padding: 8px 16px;
    font-size: 14px;
    margin-left: 4px;
    font-weight: 600;
    border-radius: 200px;
    border: 2px solid transparent;
    background-image: linear-gradient(#0B0F11, #0B0F11), linear-gradient(90deg, #2A45FB 0%, #01D8C3 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    text-decoration: none;
    cursor: pointer;
}
    .grid_1{
    align-items:center;
    }
    .image_col{
    width: 35%!important;
    }
    .links_col{
    width: 70%; 
    }
    .links_col .mega-grid{
    margin-bottom: 40px;  
    }
   .mega-grid.grid_1 .col{
    width: 22%;
    }
   .mega-grid .col ul li,
   .mega_grid_3 ul li{
      padding: 0px; 
      line-height: 34px; 
   }
   .mega-grid .col ul li a,
   .mega_grid_3 ul li a{
    padding: 4px 20px;
    border-radius: 99px;
    color:var(--muted);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}
   .mega-grid .col ul li a:hover,
   .mega-grid .col ul li a.active,
   .mega_grid_3 ul li a:hover {
    color: #0B0F11!important;
    background-color: #C9E2FF!important;
   }
   .mega-grid.grid_2 .col{
    width:70%; 
    padding: 0px 0px;  
    }
   .inner_grid .col{
    width: 32%!important;
    padding: 0px 0px!important; 
    }
   .mega-grid.grid_2 .image_col{
    width:28%; 
    }
   .mega-grid.grid_2 .col img{
    border-radius: 20px;
    }
    .child_group_1,
    .child_group_2
   {
     position:relative;
     display: none;
   }
   .child_group_1 ul,
   .child_group_2 ul
   {
     position:absolute;
     top: 0px;
   }
  .active{
    display:block;
   }
    .btn-outlined {
    color: #eaebeb !important;
    border: 1px solid #eaebeb !important;
    background-color: transparent;
    padding: 1rem;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    text-align: center;
}
    /* simple mobile */
    .mobile-toggle{display:none}
    @media (max-width:900px){
      
      .mega{position:static;transform:none;margin-top:8px;border-radius:8px}
      .mega-grid{grid-template-columns:1fr}
    }

    /* keyboard focus within mega */
    .mega a:focus{outline:2px solid rgba(14,165,164,0.2);outline-offset:2px}

    /* small visual polish */