/* Header just to show content above the nav */
    header.hero {
      padding: 64px 24px 80px;
      text-align: center;
      background: radial-gradient(1200px 400px at 50% -100px, #c7d2fe 0, transparent 60%) no-repeat;
    }
    header.hero h1 { margin: 0 0 12px; font-size: 42px; }
    header.hero p { margin: 0; font-size: 18px; color: #334155; }

    /* The sticky nav */
    nav.sticky {
      position: sticky; /* makes it stick while scrolling */
      top: 0px;           /* stick to the very top */
      z-index: 1000;    /* keep above page content */

      /* Styling */
      background: rgba(0, 0, 0, 1);
      color: var(--fg);
      backdrop-filter: saturate(1.2) blur(6px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.12);
    }

    .nav-inner {
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 16px;
    }

    .brand a{ font-weight: 700; letter-spacing: 0.2px; color: white;  }
    .brand a:hover { background: #f28b00; }
    .links { display: flex; gap: 16px; justify-content: center; text-align: center; place-items: center; }
    .links a {
      color: white;
      text-decoration: none;
      padding: 8px 10px;
      border-radius: 10px;
    }
    .links a:hover { background: #f28b00; }
    .cta {
      background: var(--accent);
      color: white;
      padding: 8px 14px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 600;

    }

    /* Add some long content to show the stickiness */
    
    .ezsec { margin: 50px; }


    .img-fluidabout{max-width:100%;height:auto}
    .w-100about{width:110%; height:100%; !important}


    /* Add some long content to show the stickiness */