/*AI Blog css */
:root{
      --header-offset:118px;
      --bg:#ffffff;
      --card-soft:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
      --text:#0f172a;
      --muted:#5f6f8c;
      --line:#e5edf8;
      --line-strong:#d8e5f7;
      --primary:#3559e6;
      --primary-dark:#2141bf;
      --accent:#ff9f2f;
      --shadow-sm:0 8px 24px rgba(25,54,110,.08);
      --shadow:0 18px 50px rgba(25,54,110,.10);
      --shadow-lg:0 26px 70px rgba(25,54,110,.12);
      --container:1280px;
    }
    html{scroll-behavior:smooth;}
    body{
      margin:0;
      font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
      background:var(--bg);
      color:var(--text);
      overflow-x:hidden;
    }
    a{color:var(--primary);text-decoration:none;transition:.2s ease;}
    a:hover{color:var(--primary-dark);}
    img{max-width:100%;height:auto;display:block;}
    .container-xl{max-width:var(--container);}
    .section-space{padding:88px 0;}
    .section-space-sm{padding:68px 0;}
    section[id]{scroll-margin-top:calc(var(--header-offset) + 25px);}

    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
      background:#edf4ff;border:1px solid #d8e6ff;color:var(--primary);font-size:12px;
      font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    }

    .section-title{
      font-size:clamp(30px,4vw,56px);line-height:1.02;font-weight:900;letter-spacing:-.04em;
      color:var(--text);margin:18px 0 14px;
    }
    .section-title .grad{
      background:linear-gradient(90deg,#2448d8 0%,#5f7dff 45%,#ff9f2f 100%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    .section-sub{max-width:920px;margin:0;color:var(--muted);font-size:16px;line-height:1.85;}

    .seo-breadcrumb-wrap{
      background:#f8fbff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    }
    .seo-breadcrumb{
      display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 0;font-size:13px;color:var(--muted);
    }
    .seo-breadcrumb a{color:var(--primary);font-weight:700;}
    .seo-breadcrumb .sep{color:#9fb0ca;}
    .seo-breadcrumb .current{color:var(--text);font-weight:700;}

    .hero{
      position:relative;overflow:hidden;padding:calc(var(--header-offset) + 22px) 0 70px;background:#040817;isolation:isolate;padding-top:25px;
    }
    .hero::before{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg, rgba(2,6,22,.93) 0%, rgba(4,8,28,.86) 34%, rgba(5,9,30,.80) 56%, rgba(3,7,24,.90) 100%),
        url("https://syncsoftsolution.com/assets/images/slider/seo-services-in-delhi.png") center center / cover no-repeat;
      z-index:-2;
    }
    .hero::after{
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(circle at 28% 35%, rgba(36,53,140,.32), transparent 32%),
        radial-gradient(circle at 60% 55%, rgba(18,30,104,.18), transparent 28%),
        rgba(0,0,0,.52);
      z-index:-1;
    }
    .hero-wrap{max-width:1180px;color:#fff;}
    .hero-top{
      display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px;
    }
    .hero-badge,.hero-pill{
      display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 16px;
      border:1.3px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.03);
      color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
    }
    .hero-badge .dot{
      width:10px;height:10px;border-radius:50%;background:#ff8a00;flex:0 0 10px;box-shadow:0 0 0 4px rgba(255,138,0,.16);
    }
    .hero-pills{display:flex;flex-wrap:wrap;gap:10px;}
    .hero-title{
      margin:0 0 14px;font-family:"Anton",sans-serif;font-size:clamp(42px,6vw,82px);
      line-height:.98;letter-spacing:-.02em;color:#f3f4f7;text-transform:uppercase;max-width:1040px;
    }
    .hero-subtitle{
      margin:0 0 14px;max-width:980px;color:#f7f8fb;font-size:clamp(18px,2vw,30px);
      line-height:1.28;font-weight:800;letter-spacing:-.02em;
    }
    .hero-keyline{
      margin:0 0 18px;font-size:15px;line-height:1.6;font-weight:900;color:#ff8a00;letter-spacing:.01em;
    }
    .hero-keyline span{color:#fff;opacity:.98;}
    .hero-desc{
      margin:0;max-width:980px;color:rgba(255,255,255,.88);font-size:16px;line-height:1.85;font-weight:500;
    }

    .hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
    .hero-chip{
      display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;
      background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:800;
    }

    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;}
    .hero-btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;
      border-radius:999px;text-decoration:none;font-size:15px;font-weight:900;transition:.25s ease;
    }
    .hero-btn:hover{transform:translateY(-2px);text-decoration:none;}
    .hero-btn.primary{
      background:linear-gradient(90deg,#2155f5 0%,#2f67ff 100%);color:#fff;box-shadow:0 14px 30px rgba(31,93,255,.30);
    }
    .hero-btn.secondary{
      background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.30);
      backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    }

    .hero-services{
      display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:34px;
    }
    .hero-service{
      min-height:106px;padding:16px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(180deg, rgba(14,20,58,.92) 0%, rgba(8,13,36,.97) 100%);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.22);
      display:flex;flex-direction:column;justify-content:center;text-align:center;
    }
    .hero-service.active{background:linear-gradient(180deg,#ff8a00 0%,#f07a00 100%);}
    .hero-service small{
      display:block;font-size:12px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:8px;color:inherit;
    }
    .hero-service strong{display:block;font-size:17px;line-height:1.2;font-weight:900;color:#fff;}
    .hero-service span{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.92);font-weight:700;}

    .toc-bar{
      position:sticky;top:var(--header-offset);z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(12px);
      border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 8px 18px rgba(22,41,84,.04);
    }
    .toc-inner{display:flex;gap:10px;overflow-x:auto;padding:14px 0;scrollbar-width:none;}
    .toc-inner::-webkit-scrollbar{display:none;}
    .toc-link{
      white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;
      border:1px solid var(--line);background:#fff;color:var(--text);font-size:13px;font-weight:800;box-shadow:var(--shadow-sm);
    }
    .toc-link.active,.toc-link:hover{background:#edf4ff;border-color:#c9dcff;color:var(--primary-dark);}

    .stats-wrap{
      display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;
    }
    .stat-card{
      padding:24px;background:var(--card-soft);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);
    }
    .stat-card b{display:block;font-size:34px;color:var(--text);font-weight:900;line-height:1;margin-bottom:10px;}
    .stat-card span{display:block;color:var(--muted);font-size:13px;line-height:1.75;}

    .article-layout{
      display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:24px;align-items:start;margin-top:24px;
    }
    .article-main{display:grid;gap:22px;}
    .article-sidebar{position:sticky;top:calc(var(--header-offset) + 30px);display:grid;gap:18px;}

    .article-card,.sidebar-card,.faq-card,.cta-band{
      background:var(--card-soft);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);
    }
    .article-card,.sidebar-card,.faq-card{padding:26px;}

    .article-card h2{
      font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0 0 12px;color:var(--text);font-weight:900;letter-spacing:-.03em;
    }
    .article-card h3{
      font-size:28px;line-height:1.18;margin:0 0 12px;color:var(--text);font-weight:900;letter-spacing:-.02em;
    }
    .article-card p,.sidebar-card p,.faq-answer .inner,.cta-band p{
      color:var(--muted);font-size:15px;line-height:1.92;margin:0 0 14px;
    }
    .article-card p strong{color:var(--text);}
    .article-card ul,.article-card ol{
      color:var(--muted);padding-left:20px;margin:0 0 18px;line-height:1.95;font-size:15px;
    }
    .article-card li{margin-bottom:8px;}

    .direct-answer{
      border:1px solid #cfe0ff;background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%);
      border-radius:22px;padding:20px 22px;box-shadow:var(--shadow-sm);margin-top:16px;
    }
    .direct-answer strong{
      display:block;color:var(--text);font-size:16px;font-weight:900;margin-bottom:8px;
    }
    .direct-answer p{margin:0;font-size:15px;line-height:1.85;}

    .content-grid-2{
      display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
    }
    .content-grid-3{
      display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
    }
    .mini-feature{
      background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm);height:100%;
    }
    .mini-feature h4{
      margin:0 0 10px;font-size:18px;line-height:1.25;color:var(--text);font-weight:900;
    }
    .mini-feature p{
      margin:0;color:var(--muted);font-size:14px;line-height:1.82;
    }

    .gradient-callout{
      border:1px solid #cfe0ff;background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%);
      border-radius:22px;padding:22px;box-shadow:var(--shadow-sm);
    }
    .gradient-callout h4{
      margin:0 0 8px;font-size:19px;font-weight:900;color:var(--text);
    }
    .gradient-callout p{
      margin:0;color:var(--muted);font-size:14px;line-height:1.82;
    }

    .link-pills{
      display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;
    }
    .link-pills a{
      display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;
      background:#eef4ff;border:1px solid #d8e5ff;color:var(--primary-dark);font-size:13px;font-weight:800;text-decoration:none;
    }

    .sidebar-card h3{
      font-size:20px;line-height:1.2;margin:0 0 12px;color:var(--text);font-weight:900;
    }
    .sidebar-list{display:grid;gap:10px;}
    .sidebar-list a{
      display:block;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);
      color:var(--text);font-size:14px;font-weight:700;box-shadow:var(--shadow-sm);
    }

    .article-number{
      display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;
      background:linear-gradient(135deg,var(--primary),#6b87ff);color:#fff;font-size:18px;font-weight:900;margin-bottom:14px;
    }

    .hero-cta{
      display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 18px;
    }
    .btnx{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;
      font-size:14px;font-weight:800;border:1px solid transparent;transition:.25s ease;text-decoration:none;
    }
    .btnx:hover{transform:translateY(-2px);}
    .btnx.primary{
      background:linear-gradient(90deg,var(--primary),#5878ff);color:#fff;box-shadow:0 16px 40px rgba(53,89,230,.22);
    }
    .btnx.secondary{background:#fff;color:var(--text);border-color:var(--line-strong);box-shadow:var(--shadow-sm);}
    .btnx.ghost{background:#eef4ff;color:var(--primary);border-color:#d8e5ff;}

    .faq-list{display:grid;gap:14px;margin-top:28px;}
    .faq-item{
      border:1px solid var(--line);background:#f9fbff;border-radius:18px;overflow:hidden;
    }
    .faq-toggle{display:none;}
    .faq-question{
      display:block;position:relative;cursor:pointer;padding:20px 58px 20px 20px;font-size:16px;font-weight:800;color:var(--text);line-height:1.55;margin:0;
    }
    .faq-question::after{
      content:"+";position:absolute;right:18px;top:16px;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;
      background:#eaf2ff;color:var(--primary);font-size:18px;font-weight:900;
    }
    .faq-toggle:checked + .faq-question::after{content:"−";}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease;}
    .faq-toggle:checked ~ .faq-answer{max-height:500px;}
    .faq-answer .inner{padding:0 20px 20px;background:#fff;}

    .cta-band{
      position:relative;overflow:hidden;
      background:
        radial-gradient(circle at 10% 20%, rgba(53,89,230,.10), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(255,159,47,.10), transparent 24%),
        linear-gradient(180deg,#f6faff 0%,#ffffff 100%);
      padding:36px;
    }
    .cta-band h2{
      font-size:clamp(28px,3vw,46px);line-height:1.08;margin:0 0 12px;color:var(--text);font-weight:900;letter-spacing:-.03em;
    }

    .wa-float{
      position:fixed;right:18px;bottom:18px;z-index:80;
    }
    .wa-float a{
      display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:999px;
      background:linear-gradient(90deg,#14b866,#22c55e);color:#fff;font-size:14px;font-weight:900;
      box-shadow:0 16px 40px rgba(20,184,102,.25);border:1px solid rgba(255,255,255,.22);text-decoration:none;
    }

    @media (max-width:1199px){
      .stats-wrap,.content-grid-2,.content-grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
      .article-layout{grid-template-columns:1fr;}
      .article-sidebar{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr));}
      .hero-services{grid-template-columns:repeat(3,minmax(0,1fr));}
    }
    @media (max-width:991px){
      :root{--header-offset:90px;}
      .section-space{padding:72px 0;}
      .section-space-sm{padding:56px 0;}
      .toc-bar{top:var(--header-offset);}
      .hero{padding:calc(var(--header-offset) + 20px) 0 54px;}
    }
    @media (max-width:767px){
      .stats-wrap,.content-grid-2,.content-grid-3,.article-sidebar{grid-template-columns:1fr;}
      .article-card,.sidebar-card,.faq-card,.cta-band,.stat-card{padding:18px;}
      .hero-title{font-size:42px;}
      .hero-subtitle{font-size:18px;}
      .hero-btn{width:100%;}
      .hero-services{grid-template-columns:1fr;}
      .wa-float a span{display:none;}
    }
/*AI Blog  */