*{
      font-family:'Inter',sans-serif;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      background:#f8fbff;
      overflow-x:hidden;
    }

    .hero-gradient{
      background:linear-gradient(135deg,#1a4b8f 0%,#2563eb 50%,#60c2ff 100%);
    }

    .glass{
      backdrop-filter:blur(12px);
      background:rgba(255,255,255,0.08);
      border:1px solid rgba(255,255,255,0.15);
    }

    .service-card:hover{
      transform:translateY(-8px);
      box-shadow:0 20px 45px rgba(0,0,0,0.12);
    }

    .counter-box{
      background:linear-gradient(135deg,#0a2a73,#0079ff);
    }

    .floating{
      animation:float 4s ease-in-out infinite;
    }

    @keyframes float{
      0%{transform:translateY(0px);}
      50%{transform:translateY(-12px);}
      100%{transform:translateY(0px);}
    }

    .nav-scrolled{
      background:rgba(255,255,255,0.95);
      backdrop-filter:blur(12px);
      box-shadow:0 5px 20px rgba(0,0,0,0.08);
    }

    /* HERO SLIDER */

    .hero-slider{
      position:relative;
      width:100%;
      height:500px;
      overflow:hidden;
      border-radius:24px;
    }

    .slide{
      position:absolute;
      inset:0;
      opacity:0;
      transition:opacity 1s ease-in-out;
    }

    .slide.active{
      opacity:1;
      z-index:2;
    }

    .slide img{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:24px;
    }

    .slider-dots{
      position:absolute;
      bottom:20px;
      left:50%;
      transform:translateX(-50%);
      display:flex;
      gap:10px;
      z-index:10;
    }

    .dot{
      width:12px;
      height:12px;
      border-radius:50%;
      background:rgba(255,255,255,0.5);
      cursor:pointer;
      transition:0.3s;
    }

    .dot.active{
      background:white;
      transform:scale(1.2);
    }

    /* Better navbar alignment */

    .logo-wrapper{
      display:flex;
      align-items:center;
      gap:8px; /* reduced gap */
    }