* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
      --bg: #050816;
      --bg-soft: #0b1022;
      --card: rgba(255,255,255,0.04);
      --border: rgba(255,255,255,0.08);
      --text: #ffffff;
      --muted: #94a3b8;
      --primary: #7c3aed;
      --primary2: #4f46e5;
      --green: #22c55e;
      --shadow: 0 20px 50px rgba(0,0,0,0.35);
      --radius: 22px;
      --max-width: 1180px;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background:
        radial-gradient(circle at top left, rgba(124,58,237,0.15), transparent 30%),
        radial-gradient(circle at top right, rgba(79,70,229,0.14), transparent 24%),
        linear-gradient(180deg, #050816 0%, #0b1022 100%);
      color: var(--text);
      line-height: 1.7;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    img {
      width: 100%;
      display: block;
    }

    .container {
      width: 100%;
      max-width: var(--max-width);
      margin: auto;
      padding: 0 20px;
    }

    .section {
      padding: 90px 0;
    }
.process-step {
    padding: 28px 22px;
    border-radius: var(--radius);
    text-align: center;
    transition: 0.3s ease;
}
    .glass {
      background: var(--card);
      border: 1px solid var(--border);
      backdrop-filter: blur(12px);
      box-shadow: var(--shadow);
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 28px;
      border-radius: 999px;
      font-weight: 600;
      transition: 0.3s ease;
    }

    .btn-primary {
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      color: white;
    }

    .btn-primary:hover {
      transform: translateY(-3px);
    }

    .btn-outline {
      border: 1px solid rgba(255,255,255,0.15);
      background: rgba(255,255,255,0.03);
    }

    .btn-outline:hover {
      background: rgba(255,255,255,0.08);
    }

    .tag {
      display: inline-block;
      padding: 8px 16px;
      border-radius: 999px;
      background: rgba(124,58,237,0.15);
      border: 1px solid rgba(124,58,237,0.22);
      color: #c4b5fd;
      font-size: 14px;
      margin-bottom: 20px;
      font-weight: 600;
    }

    .section-title {
      font-size: 42px;
      line-height: 1.2;
      margin-bottom: 16px;
    }

    .section-subtitle {
      color: var(--muted);
      max-width: 700px;
      margin-bottom: 40px;
    }
	.premium-intro{
    padding: 80px 0 40px;
}

.intro-box{
    background:
    linear-gradient(
    135deg,
    rgba(124,58,237,.10),
    rgba(79,70,229,.08)
    );

    border:1px solid rgba(255,255,255,.08);
    border-radius:32px;
    padding:50px;
    text-align:center;
    backdrop-filter:blur(18px);
}

.intro-box h2{
    font-size:42px;
    margin:20px 0;
    line-height:1.3;
}

.intro-box p{
    max-width:900px;
    margin:auto;
    line-height:1.9;
    color:#cbd5e1;
    font-size:18px;
}

@media(max-width:768px){

.intro-box{
padding:35px 25px;
}

.intro-box h2{
font-size:30px;
}

}

    header {
      position: sticky;
      top: 0;
      z-index: 999;
      background: rgba(5,8,22,0.85);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255,255,255,0.08);
      transition: 0.3s ease;
    }

    .navbar {
      min-height: 76px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
.logo img{
  height:40px;
  width:auto;
}


    .logo span {
      background: linear-gradient(135deg,#a78bfa,#818cf8);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    

    .logo-text small {
      color: var;
      font-size: 12px;
      display: block;
    }

    .nav-links {
      display: flex;
      gap: 28px;
    }

    .nav-links a {
      color: #cbd5e1;
      font-weight: 500;
    }
.nav-links a.active{
    color:#A78BFA;
    font-weight:700;
    position:relative;
}

.nav-links a.active::after{
    content:"";
    position:absolute;
    bottom:-6px;
    left:0;
    width:100%;
    height:2px;
    background:#A78BFA;
    border-radius:10px;
}
.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    background:#0b1022;
    border:1px solid rgba(255,255,255,.08);
    border-radius:15px;
    padding:10px 0;
    display:none;
    z-index:999;
    box-shadow:0 15px 40px rgba(0,0,0,.3);
}

.dropdown-menu a{
    display:block;
    padding:12px 20px;
    color:#cbd5e1;
    transition:.3s;
}

.dropdown-menu a:hover{
    background:rgba(124,58,237,.15);
    color:#fff;
}

.dropdown:hover .dropdown-menu{
    display:block;
}
    .hero {
      padding: 110px 0 80px;
    }

    .hero-wrap {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 50px;
      align-items: center;
    }

    .hero h1 {
      font-size: 50px;
      line-height: 1.1;
      margin-bottom: 20px;
    }

    .gradient {
      background: linear-gradient(135deg,#ffffff,#c4b5fd,#818cf8);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .hero p {
      color: var(--muted);
      font-size: 18px;
      margin-bottom: 14px;
    }

    .hero-buttons {
      display: flex;
      gap: 14px;
      margin-top: 24px;
      flex-wrap: wrap;
    }

    .hero-image {
      overflow: hidden;
      border-radius: 28px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow);

    }

    .hero-image img {
      min-height: 500px;
      object-fit: cover;
    }

    .stats-grid,
    .services-grid,
    .why-grid,
    .testimonial-grid,
    .blog-grid,
    .footer-grid {
      display: grid;
      gap: 24px;
    }

    .stats-grid {
      grid-template-columns: repeat(4,1fr);
    }

    .services-grid,
    .blog-grid {
      grid-template-columns: repeat(3,1fr);
    }

    .why-grid,
    .testimonial-grid {
      grid-template-columns: repeat(3,1fr);
	  }
	  
	  .why-content p{
	      color: var(--muted);
        margin-bottom: 16px;
    }

    .footer-grid {
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
    }

    .card {
      padding: 30px;
      border-radius: var(--radius);
      transition: 0.3s ease;
    }

    .card:hover {
  transform: translateY(-10px);
  border:1px solid rgba(124,58,237,.35);
  box-shadow:
  0 20px 50px rgba(124,58,237,.15);
}

.industries-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:24px;
    margin-top:50px;
}

.industry-card{
    background: rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    padding:30px;
    border-radius:24px;
    transition:.3s ease;
    backdrop-filter: blur(10px);
}

.industry-card:hover{
    transform:translateY(-8px);
    border:1px solid rgba(124,58,237,.25);
    box-shadow:0 20px 40px rgba(124,58,237,.12);
}

.industry-card h3{
    margin-bottom:12px;
    font-size:20px;
}

.industry-card p{
    color:#cbd5e1;
    line-height:1.7;
}
    .icon {
      width: 60px;
      height: 60px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      background: rgba(124,58,237,0.15);
      font-size: 28px;
      margin-bottom: 20px;
    }

    .card h3 {
      margin-bottom: 12px;
      font-size: 24px;
    }

    .card p {
      color: var(--muted);
    }

    .stats-card {
      text-align: center;
      padding: 30px;
      border-radius: var(--radius);
    }

    .stats-card h3 {
      font-size: 36px;
      color: #ddd6fe;
      margin-bottom: 10px;
    }

    .about-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }

    .about-image {
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid var(--border);
    }

    .about-image img {
      min-height: 450px;
      object-fit: cover;
    }

    .about-content p {
      color: var(--muted);
      margin-bottom: 16px;
    }

    .check-list {
      list-style: none;
      margin-top: 20px;
    }

    .check-list li {
      margin-bottom: 12px;
      color: var(--muted);
    }

    .blog-card {
      overflow: hidden;
      border-radius: var(--radius);
    }

    .blog-card img {
      height: 220px;
      object-fit: cover;
    }

    .blog-content {
      padding: 24px;
    }

    .blog-content small {
      color: #c4b5fd;
      font-weight: 600;
    }

    .blog-content h3 {
      margin: 12px 0;
      font-size: 22px;
    }

    .blog-content p {
      color: var(--muted);
      margin-bottom: 14px;
    }

    .faq-item {
      padding: 24px;
      border-radius: 18px;
      margin-bottom: 18px;
    }

    .faq-item h3 {
      margin-bottom: 10px;
    }

    .faq-item p {
      color: var(--muted);
    }

    .contact-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
      padding: 40px;
      border-radius: 28px;
    }

    .contact-wrap p {
      color: var(--muted);
    }

    .form-card {
      padding: 30px;
      border-radius: 24px;
      background: rgba(255,255,255,0.03);
      border: 1px solid var(--border);
    }

    .form-group {
      margin-bottom: 14px;
    }

    input,
    textarea {
      width: 100%;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.03);
      color: white;
      font-family: inherit;
    }

    input::placeholder,
    textarea::placeholder {
      color: #94a3b8;
    }

    textarea {
      min-height: 120px;
    }
	.seo-section{
    padding: 80px 0;
    text-align:center;
}

.seo-section .section-title{
    max-width:900px;
    margin:auto;
    margin-bottom:25px;
}

.seo-section .section-subtitle{
    max-width:900px;
    margin:auto;
    line-height:2;
    color:#94A3B8;
    font-size:18px;
}

    footer {
      padding-top: 80px;
      border-top: 1px solid var(--border);
    }

    footer p,
    footer li,
    footer a {
      color: var(--muted);
    }

    footer ul {
      list-style: none;
    }

    footer li {
      margin-bottom: 10px;
    }

    .footer-bottom {
      text-align: center;
      padding: 24px 0;
      border-top: 1px solid var(--border);
      margin-top: 40px;
      color: #64748b;
    }

    .whatsapp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #25D366;
  color: white;
  padding: 16px 22px;
  border-radius: 999px;
  font-weight: 600;
  box-shadow:
  0 15px 40px rgba(37,211,102,.35);
  z-index:999;
  transition:.3s ease;
}

.whatsapp:hover{
  transform:translateY(-5px);
}

    @media(max-width:992px){
      .hero-wrap,
      .about-wrap,
      .contact-wrap,
      .services-grid,
      .stats-grid,
      .why-grid,
      .testimonial-grid,
      .blog-grid,
      .footer-grid {
        grid-template-columns: 1fr 1fr;
      }

      .hero h1 {
        font-size: 40px;
      }

      .nav-links {
        display: none;
      }
    }

    @media(max-width:768px){
      .hero-wrap,
      .about-wrap,
      .contact-wrap,
      .services-grid,
      .stats-grid,
      .why-grid,
      .testimonial-grid,
      .blog-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .hero {
        padding-top: 80px;
      }

      .hero h1 {
        font-size: 38px;
      }

      .section-title {
        font-size: 32px;
      }

      .hero-buttons {
        flex-direction: column;
      }
    }
	--- SEO Service page------
	
    *{margin:0;padding:0;box-sizing:border-box}
    :root{--bg:#050816;--bg-soft:#0b1022;--card:rgba(255,255,255,0.04);--border:rgba(255,255,255,0.08);--text:#ffffff;--muted:#94a3b8;--primary:#7c3aed;--primary2:#4f46e5;--shadow:0 20px 50px rgba(0,0,0,0.35);--radius:22px;--max-width:1180px}
    html{scroll-behavior:smooth}
    body{font-family:'Poppins',sans-serif;background:radial-gradient(circle at top left,rgba(124,58,237,0.15),transparent 30%),radial-gradient(circle at top right,rgba(79,70,229,0.14),transparent 24%),linear-gradient(180deg,#050816 0%,#0b1022 100%);color:var(--text);line-height:1.7}
    a{text-decoration:none;color:inherit}
    img{width:100%;display:block}
    .container{width:100%;max-width:var(--max-width);margin:auto;padding:0 20px}
    .section{padding:90px 0}
    .glass{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(12px);box-shadow:var(--shadow)}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:600;transition:0.3s ease}
    .btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;border:none;cursor:pointer;font-family:inherit;font-size:16px}
    .btn-primary:hover{transform:translateY(-3px)}
    .btn-outline{border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.03)}
    .btn-outline:hover{background:rgba(255,255,255,0.08)}
    .tag{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(124,58,237,0.15);border:1px solid rgba(124,58,237,0.22);color:#c4b5fd;font-size:14px;margin-bottom:20px;font-weight:600}
    .section-title{font-size:42px;line-height:1.2;margin-bottom:16px}
    .section-subtitle{color:var(--muted);max-width:700px;margin-bottom:40px}
    .gradient{background:linear-gradient(135deg,#ffffff,#c4b5fd,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
    /* HEADER */
    header{position:sticky;top:0;z-index:999;background:rgba(5,8,22,0.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.08);transition:0.3s ease}
    .navbar{min-height:76px;display:flex;justify-content:space-between;align-items:center}
    .logo img{height:40px;width:auto}
    .nav-links{display:flex;gap:28px}
    .nav-links a{color:#cbd5e1;font-weight:500}
    .nav-links a.active{color:#A78BFA;font-weight:700;position:relative}
    .nav-links a.active::after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#A78BFA;border-radius:10px}
    /* PAGE HERO */
    .page-hero{padding:100px 0 70px;text-align:center}
    .page-hero h1{font-size:52px;line-height:1.1;margin-bottom:20px}
    .page-hero p{color:var(--muted);font-size:18px;max-width:680px;margin:0 auto 30px}
    .hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    /* INTRO BOX */
    .intro-box{background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(79,70,229,.08));border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:50px;text-align:center;backdrop-filter:blur(18px)}
    .intro-box h2{font-size:36px;margin:20px 0;line-height:1.3}
    .intro-box p{max-width:900px;margin:auto;line-height:1.9;color:#cbd5e1;font-size:17px}
    /* TWO COL */
    .two-col{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
    .two-col-center{align-items:center}
    .col-image{border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}
    .col-image img{min-height:420px;object-fit:cover}
    .col-content p{color:var(--muted);margin-bottom:16px;line-height:1.9}
    /* CARDS GRID */
    .cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .card{padding:30px;border-radius:var(--radius);transition:0.3s ease}
    .card:hover{transform:translateY(-10px);border:1px solid rgba(124,58,237,.35);box-shadow:0 20px 50px rgba(124,58,237,.15)}
    .icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(124,58,237,0.15);font-size:28px;margin-bottom:20px}
    .card h3{margin-bottom:12px;font-size:20px}
    .card p{color:var(--muted);font-size:15px}
    /* CHECK LIST */
    .check-list{list-style:none;margin-top:16px}
    .check-list li{color:var(--muted);margin-bottom:12px;padding-left:28px;position:relative;font-size:15px}
    .check-list li::before{content:"✓";position:absolute;left:0;color:#a78bfa;font-weight:700}
    /* PROCESS */
    .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .process-step{padding:28px 22px;border-radius:var(--radius);text-align:center;transition:0.3s ease}
    .process-step:hover{transform:translateY(-8px);border:1px solid rgba(124,58,237,.35)}
    .step-num{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin:0 auto 16px}
    .process-step h3{font-size:17px;margin-bottom:8px}
    .process-step p{color:var(--muted);font-size:14px}
    /* STATS */
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .stats-card{text-align:center;padding:30px 20px;border-radius:var(--radius)}
    .stats-card h3{font-size:36px;color:#ddd6fe;margin-bottom:8px}
    .stats-card p{color:var(--muted)}
    /* FAQ */
    .faq-item{padding:26px;border-radius:18px;margin-bottom:16px}
    .faq-item h3{margin-bottom:10px;font-size:17px}
    .faq-item p{color:var(--muted);font-size:15px;line-height:1.8}
    /* CTA */
    .cta-banner{padding:60px;border-radius:30px;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(79,70,229,.12))}
    /* SEO */
    .seo-section{padding:80px 0;text-align:center}
    .seo-section .section-title{max-width:900px;margin:auto;margin-bottom:25px}
    .seo-section .section-subtitle{max-width:900px;margin:auto;line-height:2;color:#94A3B8;font-size:17px}
    /* FOOTER */
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px}
    footer{padding-top:80px;border-top:1px solid var(--border)}
    footer h3{margin-bottom:16px}
    footer p,footer li,footer a{color:var(--muted)}
    footer ul{list-style:none}
    footer li{margin-bottom:10px}
    .footer-bottom{text-align:center;padding:24px 0;border-top:1px solid var(--border);margin-top:40px;color:#64748b}
    .whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:white;padding:16px 22px;border-radius:999px;font-weight:600;box-shadow:0 15px 40px rgba(37,211,102,.35);z-index:999;transition:.3s ease}
    .whatsapp:hover{transform:translateY(-5px)}
    @media(max-width:992px){.two-col,.cards-grid,.process-grid,.stats-grid,.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:40px}.nav-links{display:none}}
    @media(max-width:768px){.two-col,.cards-grid,.process-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:34px}.section-title{font-size:30px}.intro-box{padding:35px 25px}.cta-banner{padding:40px 24px}.hero-buttons{flex-direction:column;align-items:center}}
  ---- SERVICES Page ------
  * { margin: 0; padding: 0; box-sizing: border-box; }
    :root {
      --bg: #050816; --bg-soft: #0b1022;
      --card: rgba(255,255,255,0.04); --border: rgba(255,255,255,0.08);
      --text: #ffffff; --muted: #94a3b8;
      --primary: #7c3aed; --primary2: #4f46e5;
      --shadow: 0 20px 50px rgba(0,0,0,0.35); --radius: 22px;
      --max-width: 1180px;
    }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Poppins', sans-serif;
      background:
        radial-gradient(circle at top left, rgba(124,58,237,0.15), transparent 30%),
        radial-gradient(circle at top right, rgba(79,70,229,0.14), transparent 24%),
        linear-gradient(180deg, #050816 0%, #0b1022 100%);
      color: var(--text); line-height: 1.7;
    }
    a { text-decoration: none; color: inherit; }
    img { width: 100%; display: block; }
    .container { width: 100%; max-width: var(--max-width); margin: auto; padding: 0 20px; }
    .section { padding: 90px 0; }
    .glass { background: var(--card); border: 1px solid var(--border); backdrop-filter: blur(12px); box-shadow: var(--shadow); }
    .btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 999px; font-weight: 600; transition: 0.3s ease; }
    .btn-primary { background: linear-gradient(135deg, var(--primary), var(--primary2)); color: white; }
    .btn-primary:hover { transform: translateY(-3px); }
    .btn-outline { border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.03); }
    .btn-outline:hover { background: rgba(255,255,255,0.08); }
    .btn-sm { padding: 10px 22px; font-size: 14px; }
    .tag { display: inline-block; padding: 8px 16px; border-radius: 999px; background: rgba(124,58,237,0.15); border: 1px solid rgba(124,58,237,0.22); color: #c4b5fd; font-size: 14px; margin-bottom: 20px; font-weight: 600; }
    .section-title { font-size: 42px; line-height: 1.2; margin-bottom: 16px; }
    .section-subtitle { color: var(--muted); max-width: 700px; margin-bottom: 40px; }
    .gradient { background: linear-gradient(135deg,#ffffff,#c4b5fd,#818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

    /* HEADER */
    header { position: sticky; top: 0; z-index: 999; background: rgba(5,8,22,0.85); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,0.08); transition: 0.3s ease; }
    .navbar { min-height: 76px; display: flex; justify-content: space-between; align-items: center; }
    .logo img { height: 40px; width: auto; }
    .nav-links { display: flex; gap: 28px; }
    .nav-links a { color: #cbd5e1; font-weight: 500; }
    .nav-links a.active { color: #A78BFA; font-weight: 700; position: relative; }
    .nav-links a.active::after { content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 2px; background: #A78BFA; border-radius: 10px; }

    /* PAGE HERO */
    .page-hero { padding: 100px 0 70px; text-align: center; }
    .page-hero h1 { font-size: 52px; line-height: 1.1; margin-bottom: 20px; }
    .page-hero p { color: var(--muted); font-size: 18px; max-width: 680px; margin: 0 auto 30px; }

    /* INTRO BOX */
    .intro-box { background: linear-gradient(135deg, rgba(124,58,237,.10), rgba(79,70,229,.08)); border: 1px solid rgba(255,255,255,.08); border-radius: 32px; padding: 50px; text-align: center; backdrop-filter: blur(18px); }
    .intro-box h2 { font-size: 36px; margin: 20px 0; line-height: 1.3; }
    .intro-box p { max-width: 900px; margin: auto; line-height: 1.9; color: #cbd5e1; font-size: 17px; }

    /* SERVICE CARDS */
    .services-big-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }

    .service-card { padding: 40px; border-radius: 28px; transition: 0.3s ease; position: relative; overflow: hidden; }
    .service-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--primary), var(--primary2)); opacity: 0; transition: 0.3s ease; }
    .service-card:hover { transform: translateY(-10px); border: 1px solid rgba(124,58,237,.35); box-shadow: 0 20px 50px rgba(124,58,237,.15); }
    .service-card:hover::before { opacity: 1; }

    .service-icon { width: 70px; height: 70px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; background: rgba(124,58,237,0.15); font-size: 32px; margin-bottom: 24px; }
    .service-card h3 { font-size: 26px; margin-bottom: 14px; }
    .service-card p { color: var(--muted); margin-bottom: 20px; line-height: 1.8; }
    .service-features { list-style: none; margin-bottom: 28px; }
    .service-features li { color: var(--muted); margin-bottom: 10px; padding-left: 24px; position: relative; font-size: 15px; }
    .service-features li::before { content: "✓"; position: absolute; left: 0; color: #a78bfa; font-weight: 700; }

    /* WHY US STRIP */
    .why-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .why-item { text-align: center; padding: 30px 20px; border-radius: var(--radius); transition: 0.3s ease; }
    .why-item:hover { transform: translateY(-6px); border: 1px solid rgba(124,58,237,.3); }
    .why-icon { font-size: 36px; margin-bottom: 14px; }
    .why-item h3 { font-size: 18px; margin-bottom: 8px; }
    .why-item p { color: var(--muted); font-size: 14px; }

    /* INDUSTRIES */
    .industries-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin-top: 50px; }
    .industry-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); padding: 30px; border-radius: 24px; transition: .3s ease; backdrop-filter: blur(10px); }
    .industry-card:hover { transform: translateY(-8px); border: 1px solid rgba(124,58,237,.25); box-shadow: 0 20px 40px rgba(124,58,237,.12); }
    .industry-card h3 { margin-bottom: 12px; font-size: 20px; }
    .industry-card p { color: #cbd5e1; line-height: 1.7; }

    /* CTA */
    .cta-banner { padding: 60px; border-radius: 30px; text-align: center; background: linear-gradient(135deg, rgba(124,58,237,.15), rgba(79,70,229,.12)); }
    .hero-buttons { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 24px; }

    /* SEO */
    .seo-section { padding: 80px 0; text-align: center; }
    .seo-section .section-title { max-width: 900px; margin: auto; margin-bottom: 25px; }
    .seo-section .section-subtitle { max-width: 900px; margin: auto; line-height: 2; color: #94A3B8; font-size: 18px; }

    /* FAQ */
    .faq-item { padding: 28px; border-radius: 18px; margin-bottom: 18px; }
    .faq-item h3 { margin-bottom: 10px; font-size: 18px; }
    .faq-item p { color: var(--muted); line-height: 1.8; }

    /* FOOTER */
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 24px; }
    footer { padding-top: 80px; border-top: 1px solid var(--border); }
    footer h3 { margin-bottom: 16px; }
    footer p, footer li, footer a { color: var(--muted); }
    footer ul { list-style: none; }
    footer li { margin-bottom: 10px; }
    .footer-bottom { text-align: center; padding: 24px 0; border-top: 1px solid var(--border); margin-top: 40px; color: #64748b; }
    .whatsapp { position: fixed; right: 20px; bottom: 20px; background: #25D366; color: white; padding: 16px 22px; border-radius: 999px; font-weight: 600; box-shadow: 0 15px 40px rgba(37,211,102,.35); z-index: 999; transition: .3s ease; }
    .whatsapp:hover { transform: translateY(-5px); }

    /* RESPONSIVE */
    @media(max-width:992px) {
      .services-big-grid, .why-strip, .footer-grid { grid-template-columns: 1fr 1fr; }
      .page-hero h1 { font-size: 40px; }
      .nav-links { display: none; }
    }
    @media(max-width:768px) {
      .services-big-grid, .why-strip, .footer-grid { grid-template-columns: 1fr; }
      .page-hero h1 { font-size: 34px; }
      .section-title { font-size: 30px; }
      .intro-box { padding: 35px 25px; }
      .intro-box h2 { font-size: 26px; }
      .cta-banner { padding: 40px 24px; }
      .hero-buttons { flex-direction: column; align-items: center; }
      .service-card { padding: 28px; }
    }
	---- ABOUT Page -----
	<style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    :root {
      --bg: #050816;
      --bg-soft: #0b1022;
      --card: rgba(255,255,255,0.04);
      --border: rgba(255,255,255,0.08);
      --text: #ffffff;
      --muted: #94a3b8;
      --primary: #7c3aed;
      --primary2: #4f46e5;
      --green: #22c55e;
      --shadow: 0 20px 50px rgba(0,0,0,0.35);
      --radius: 22px;
      --max-width: 1180px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Poppins', sans-serif;
      background:
        radial-gradient(circle at top left, rgba(124,58,237,0.15), transparent 30%),
        radial-gradient(circle at top right, rgba(79,70,229,0.14), transparent 24%),
        linear-gradient(180deg, #050816 0%, #0b1022 100%);
      color: var(--text);
      line-height: 1.7;
    }

    a { text-decoration: none; color: inherit; }
    img { width: 100%; display: block; }

    .container {
      width: 100%;
      max-width: var(--max-width);
      margin: auto;
      padding: 0 20px;
    }

    .section { padding: 90px 0; }

    .glass {
      background: var(--card);
      border: 1px solid var(--border);
      backdrop-filter: blur(12px);
      box-shadow: var(--shadow);
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 28px;
      border-radius: 999px;
      font-weight: 600;
      transition: 0.3s ease;
    }

    .btn-primary {
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      color: white;
    }

    .btn-primary:hover { transform: translateY(-3px); }

    .btn-outline {
      border: 1px solid rgba(255,255,255,0.15);
      background: rgba(255,255,255,0.03);
    }

    .btn-outline:hover { background: rgba(255,255,255,0.08); }

    .tag {
      display: inline-block;
      padding: 8px 16px;
      border-radius: 999px;
      background: rgba(124,58,237,0.15);
      border: 1px solid rgba(124,58,237,0.22);
      color: #c4b5fd;
      font-size: 14px;
      margin-bottom: 20px;
      font-weight: 600;
    }

    .section-title {
      font-size: 42px;
      line-height: 1.2;
      margin-bottom: 16px;
    }

    .section-subtitle {
      color: var(--muted);
      max-width: 700px;
      margin-bottom: 40px;
    }

    .gradient {
      background: linear-gradient(135deg,#ffffff,#c4b5fd,#818cf8);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* ── HEADER ── */
    header {
      position: sticky;
      top: 0;
      z-index: 999;
      background: rgba(5,8,22,0.85);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255,255,255,0.08);
      transition: 0.3s ease;
    }

    .navbar {
      min-height: 76px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .logo img { height: 40px; width: auto; }

    .logo span {
      background: linear-gradient(135deg,#a78bfa,#818cf8);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .nav-links { display: flex; gap: 28px; }

    .nav-links a { color: #cbd5e1; font-weight: 500; }

    .nav-links a.active {
      color: #A78BFA;
      font-weight: 700;
      position: relative;
    }

    .nav-links a.active::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #A78BFA;
      border-radius: 10px;
    }

    /* ── PAGE HERO (About Banner) ── */
    .page-hero {
      padding: 100px 0 70px;
      text-align: center;
    }

    .page-hero h1 {
      font-size: 52px;
      line-height: 1.1;
      margin-bottom: 20px;
    }

    .page-hero p {
      color: var(--muted);
      font-size: 18px;
      max-width: 700px;
      margin: 0 auto 30px;
    }

    /* ── INTRO BOX ── */
    .intro-box {
      background: linear-gradient(135deg, rgba(124,58,237,.10), rgba(79,70,229,.08));
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 32px;
      padding: 50px;
      text-align: center;
      backdrop-filter: blur(18px);
    }

    .intro-box h2 {
      font-size: 38px;
      margin: 20px 0;
      line-height: 1.3;
    }

    .intro-box p {
      max-width: 900px;
      margin: auto;
      line-height: 1.9;
      color: #cbd5e1;
      font-size: 18px;
    }

    /* ── STORY SECTION ── */
    .story-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
    }

    .story-image {
      border-radius: 28px;
      overflow: hidden;
      border: 1px solid var(--border);
      box-shadow: var(--shadow);
    }

    .story-image img {
      min-height: 450px;
      object-fit: cover;
    }

    .story-content p {
      color: var(--muted);
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 1.9;
    }

    /* ── STATS ── */
    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }

    .stats-card {
      text-align: center;
      padding: 36px 20px;
      border-radius: var(--radius);
      transition: 0.3s ease;
    }

    .stats-card:hover {
      transform: translateY(-8px);
      border: 1px solid rgba(124,58,237,.35);
      box-shadow: 0 20px 50px rgba(124,58,237,.15);
    }

    .stats-card h3 {
      font-size: 40px;
      color: #ddd6fe;
      margin-bottom: 10px;
    }

    .stats-card p { color: var(--muted); }

    /* ── VALUES GRID ── */
    .values-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .card {
      padding: 30px;
      border-radius: var(--radius);
      transition: 0.3s ease;
    }

    .card:hover {
      transform: translateY(-10px);
      border: 1px solid rgba(124,58,237,.35);
      box-shadow: 0 20px 50px rgba(124,58,237,.15);
    }

    .icon {
      width: 60px;
      height: 60px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 18px;
      background: rgba(124,58,237,0.15);
      font-size: 28px;
      margin-bottom: 20px;
    }
.icon{
    width:60px;
    height:60px;
    background:#0d6efd;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.icon i{
    font-size:28px;
    color:#fff;
}
.icon{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#0d6efd;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
}

.icon i{
    font-size:26px;
    color:#fff;
}
    .card h3 { margin-bottom: 12px; font-size: 22px; }
    .card p  { color: var(--muted); }

    /* ── TEAM GRID ── */
    .team-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }

    .team-card {
      padding: 36px 28px;
      border-radius: var(--radius);
      text-align: center;
      transition: 0.3s ease;
    }

    .team-card:hover {
      transform: translateY(-10px);
      border: 1px solid rgba(124,58,237,.35);
      box-shadow: 0 20px 50px rgba(124,58,237,.15);
    }

    .team-avatar {
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 36px;
      margin: 0 auto 20px;
      border: 3px solid rgba(124,58,237,0.35);
    }

    /* Replace the emoji with a real photo if available */
    .team-avatar img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
    }

    .team-card h3 { font-size: 20px; margin-bottom: 6px; }
    .team-card .role { color: #c4b5fd; font-size: 14px; font-weight: 600; margin-bottom: 12px; }
    .team-card p { color: var(--muted); font-size: 15px; }

    /* ── PROCESS ── */
    .process-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      position: relative;
    }

    .process-step {
      padding: 30px 24px;
      border-radius: var(--radius);
      text-align: center;
      transition: 0.3s ease;
      position: relative;
    }

    .process-step:hover {
      transform: translateY(-8px);
      border: 1px solid rgba(124,58,237,.35);
    }

    .step-num {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--primary), var(--primary2));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: 800;
      margin: 0 auto 20px;
    }

    .process-step h3 { font-size: 18px; margin-bottom: 10px; }
    .process-step p { color: var(--muted); font-size: 15px; }

    /* ── CTA BANNER ── */
    .cta-banner {
      padding: 60px;
      border-radius: 30px;
      text-align: center;
      background: linear-gradient(135deg, rgba(124,58,237,.15), rgba(79,70,229,.12));
    }

    .hero-buttons {
      display: flex;
      gap: 14px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 24px;
    }

    /* ── SEO SECTION ── */
    .seo-section {
      padding: 80px 0;
      text-align: center;
    }

    .seo-section .section-title {
      max-width: 900px;
      margin: auto;
      margin-bottom: 25px;
    }

    .seo-section .section-subtitle {
      max-width: 900px;
      margin: auto;
      line-height: 2;
      color: #94A3B8;
      font-size: 18px;
    }

    /* ── FOOTER ── */
    .footer-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 24px;
    }

    footer {
      padding-top: 80px;
      border-top: 1px solid var(--border);
    }

    footer h3 { margin-bottom: 16px; }

    footer p,
    footer li,
    footer a { color: var(--muted); }

    footer ul { list-style: none; }
    footer li { margin-bottom: 10px; }

    .footer-bottom {
      text-align: center;
      padding: 24px 0;
      border-top: 1px solid var(--border);
      margin-top: 40px;
      color: #64748b;
    }

    /* ── WHATSAPP ── */
    .whatsapp {
      position: fixed;
      right: 20px;
      bottom: 20px;
      background: #25D366;
      color: white;
      padding: 16px 22px;
      border-radius: 999px;
      font-weight: 600;
      box-shadow: 0 15px 40px rgba(37,211,102,.35);
      z-index: 999;
      transition: .3s ease;
    }

    .whatsapp:hover { transform: translateY(-5px); }

    /* ── RESPONSIVE ── */
    @media(max-width:992px) {
      .story-wrap,
      .stats-grid,
      .team-grid,
      .process-grid,
      .values-grid,
      .footer-grid {
        grid-template-columns: 1fr 1fr;
      }
      .page-hero h1 { font-size: 40px; }
      .nav-links { display: none; }
    }

    @media(max-width:768px) {
      .story-wrap,
      .stats-grid,
      .team-grid,
      .process-grid,
      .values-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }
      .page-hero h1 { font-size: 34px; }
      .section-title { font-size: 30px; }
      .intro-box { padding: 35px 25px; }
      .intro-box h2 { font-size: 28px; }
      .cta-banner { padding: 40px 24px; }
      .hero-buttons { flex-direction: column; align-items: center; }
    }
  </style>