{"id":12,"date":"2026-05-28T12:19:57","date_gmt":"2026-05-28T12:19:57","guid":{"rendered":"https:\/\/nstechindia.com\/?page_id=12"},"modified":"2026-05-28T12:56:12","modified_gmt":"2026-05-28T12:56:12","slug":"home","status":"publish","type":"page","link":"https:\/\/nstechindia.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n\n NS Technology India | Bulk SMS, Email Marketing & Digital Communication Solutions \u2013 Ghaziabad<\/title>\n <meta name=\"description\" content=\"NS Technology India offers Bulk SMS (Promotional & Transactional), Bulk SMS Mobile Campaigns, Short\/Long Code Services, Email Solutions, and WhatsApp Business Account services. Trusted digital communication partner in Ghaziabad since 2012.\" \/>\n <meta name=\"keywords\" content=\"Bulk SMS India, Bulk SMS Ghaziabad, Promotional SMS, Transactional SMS, OTP SMS, Email Marketing India, WhatsApp Business API, Short Code SMS, Long Code SMS, Digital Marketing Agency Ghaziabad\" \/>\n <meta name=\"author\" content=\"NS Technology India\" \/>\n <meta name=\"robots\" content=\"index, follow\" \/>\n <meta name=\"theme-color\" content=\"#020B18\" \/>\n\n <meta property=\"og:title\" content=\"NS Technology India | Bulk SMS & Digital Communication Solutions\" \/>\n <meta property=\"og:description\" content=\"Reliable Bulk SMS, Email Marketing, WhatsApp Business & Short\/Long Code Services since 2012.\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:url\" content=\"https:\/\/www.nstechindia.com\" \/>\n\n <meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n <meta name=\"twitter:title\" content=\"NS Technology India | Bulk SMS & Digital Marketing\" \/>\n\n <link rel=\"canonical\" href=\"https:\/\/www.nstechindia.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DESIGN TOKENS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n :root {\n --c-bg: #020B18;\n --c-bg2: #04193A;\n --c-bg3: #062B6E;\n --c-blue: #0A47C2;\n --c-prime: #1A6BFF;\n --c-lite: #4D8FFF;\n --c-pale: #94BBFF;\n --c-frost: #D6E8FF;\n --c-white: #FFFFFF;\n --c-snow: #F4F8FF;\n --c-glass: rgba(255,255,255,0.055);\n --c-border: rgba(255,255,255,0.10);\n --c-glow: rgba(26,107,255,0.18);\n\n --font-h: 'Syne', sans-serif;\n --font-b: 'DM Sans', sans-serif;\n\n \/* Fluid type scale *\/\n --t-xs: clamp(11px, 1.2vw, 13px);\n --t-sm: clamp(13px, 1.5vw, 15px);\n --t-md: clamp(15px, 1.8vw, 17px);\n --t-lg: clamp(17px, 2vw, 19px);\n --t-xl: clamp(20px, 2.5vw, 24px);\n --t-2xl: clamp(24px, 3vw, 30px);\n --t-3xl: clamp(28px, 4vw, 40px);\n --t-4xl: clamp(34px, 5.5vw, 64px);\n\n --r-sm: 10px;\n --r-md: 16px;\n --r-lg: 24px;\n --r-xl: 32px;\n\n --ease: cubic-bezier(.4,0,.2,1);\n --fast: 0.2s var(--ease);\n --mid: 0.35s var(--ease);\n --slow: 0.6s var(--ease);\n\n \/* Spacing *\/\n --sp-xs: 8px;\n --sp-sm: 16px;\n --sp-md: 24px;\n --sp-lg: 40px;\n --sp-xl: 64px;\n --sp-2xl: 100px;\n\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n RESET + BASE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n body {\n font-family: var(--font-b);\n font-size: var(--t-md);\n background: var(--c-bg);\n color: var(--c-white);\n overflow-x: hidden;\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n a { color: inherit; text-decoration: none; }\n img { max-width: 100%; display: block; }\n button { font-family: var(--font-b); cursor: pointer; border: none; background: none; }\n input, textarea, select { font-family: var(--font-b); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LAYOUT UTILITIES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .wrap {\n width: min(1160px, 100% - 48px);\n margin-inline: auto;\n }\n @media (max-width: 600px) { .wrap { width: min(1160px, 100% - 32px); } }\n @media (max-width: 380px) { .wrap { width: min(1160px, 100% - 24px); } }\n\n .section { padding-block: var(--sp-2xl); }\n @media (max-width: 900px) { .section { padding-block: 72px; } }\n @media (max-width: 600px) { .section { padding-block: 56px; } }\n @media (max-width: 420px) { .section { padding-block: 44px; } }\n\n \/* Tags \/ Pills *\/\n .pill {\n display: inline-flex; align-items: center; gap: 6px;\n font-family: var(--font-h);\n font-size: var(--t-xs);\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--c-lite);\n background: rgba(26,107,255,0.10);\n border: 1px solid rgba(26,107,255,0.22);\n border-radius: 40px;\n padding: 5px 16px;\n margin-bottom: 18px;\n }\n\n \/* Heading resets *\/\n h1,h2,h3,h4 { font-family: var(--font-h); line-height: 1.2; }\n h1 { font-size: var(--t-4xl); font-weight: 800; letter-spacing: -0.025em; }\n h2 { font-size: var(--t-3xl); font-weight: 700; }\n h3 { font-size: var(--t-2xl); font-weight: 700; }\n h4 { font-size: var(--t-xl); font-weight: 600; }\n p { color: var(--c-frost); line-height: 1.75; }\n\n \/* Scroll bar *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: var(--c-bg); }\n ::-webkit-scrollbar-thumb { background: var(--c-blue); border-radius: 3px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ANIMATED CANVAS BG\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n #bg-canvas {\n position: fixed; inset: 0; z-index: 0;\n pointer-events: none; display: block;\n }\n .page { position: relative; z-index: 1; }\n\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BUTTONS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .btn {\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n font-family: var(--font-h); font-weight: 700;\n font-size: var(--t-sm);\n border-radius: 50px;\n padding: 14px 30px;\n cursor: pointer;\n transition: var(--mid);\n border: none;\n white-space: nowrap;\n }\n .btn-primary {\n background: var(--c-prime);\n color: var(--c-white);\n box-shadow: 0 0 28px rgba(26,107,255,0.38);\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 40px rgba(26,107,255,0.55); background: var(--c-lite); }\n .btn-ghost {\n background: transparent;\n color: var(--c-white);\n border: 1.5px solid var(--c-border);\n }\n .btn-ghost:hover { border-color: var(--c-lite); color: var(--c-pale); transform: translateY(-3px); }\n .btn-full { width: 100%; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HERO\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero {\n min-height: 100svh;\n display: flex; align-items: center;\n padding-top: 60px;\n padding-bottom: 60px;\n }\n .hero-grid {\n display: grid;\n grid-template-columns: 55fr 45fr;\n gap: var(--sp-lg);\n align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(26,107,255,0.09);\n border: 1px solid rgba(26,107,255,0.28);\n border-radius: 40px;\n padding: 6px 18px;\n font-size: var(--t-xs);\n color: var(--c-pale);\n margin-bottom: 20px;\n animation: fadeUp 0.7s ease both;\n }\n .hero-badge-dot {\n width: 8px; height: 8px; border-radius: 50%;\n background: var(--c-lite);\n animation: pulse 1.8s infinite;\n }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(1.5)} }\n\n .hero-title {\n animation: fadeUp 0.7s 0.1s ease both;\n margin-bottom: var(--sp-md);\n }\n .hero-title .accent {\n background: linear-gradient(130deg, var(--c-lite) 0%, var(--c-pale) 100%);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .hero-desc {\n font-size: var(--t-md);\n color: var(--c-frost);\n margin-bottom: var(--sp-lg);\n max-width: 520px;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n .hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n\n \/* Hero visual *\/\n .hero-visual {\n display: flex; justify-content: center; align-items: center;\n animation: fadeIn 1s 0.4s ease both;\n position: relative;\n }\n .orb-container {\n position: relative;\n width: clamp(260px, 35vw, 420px);\n aspect-ratio: 1;\n display: flex; justify-content: center; align-items: center;\n }\n .orb-core {\n width: 68%; aspect-ratio: 1; border-radius: 50%;\n background: radial-gradient(circle at 35% 35%, var(--c-prime), var(--c-bg2), transparent 70%);\n position: relative; z-index: 2;\n animation: floatOrb 6s ease-in-out infinite;\n }\n .orb-core::after {\n content: ''; position: absolute; inset: 14px;\n border-radius: 50%;\n background: radial-gradient(circle at 40% 40%, rgba(26,107,255,0.35), rgba(2,11,24,0.92));\n backdrop-filter: blur(16px);\n }\n .orb-core::before {\n content: ''; position: absolute; inset: -1px;\n border-radius: 50%;\n background: conic-gradient(from 0deg, transparent 65%, var(--c-lite) 78%, transparent 88%);\n animation: spinRing 8s linear infinite;\n z-index: 3;\n }\n @keyframes floatOrb { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-16px)} }\n @keyframes spinRing { to { transform: rotate(360deg); } }\n\n .orb-ring {\n position: absolute; inset: 0; border-radius: 50%;\n border: 1px solid rgba(26,107,255,0.18);\n animation: spinRing 14s linear infinite;\n }\n .orb-ring:nth-child(2) { inset: -12%; animation-duration: 22s; animation-direction: reverse; }\n .orb-dot {\n position: absolute; width: 9px; height: 9px; border-radius: 50%;\n background: var(--c-lite); box-shadow: 0 0 10px var(--c-lite);\n top: -5px; left: 50%; transform: translateX(-50%);\n }\n .orb-dot.alt {\n background: var(--c-pale); box-shadow: 0 0 10px var(--c-pale);\n top: auto; bottom: -4px;\n }\n\n \/* Floating chips on orb *\/\n .chip {\n position: absolute;\n background: rgba(4,25,58,0.92);\n border: 1px solid rgba(26,107,255,0.28);\n border-radius: var(--r-sm);\n padding: 10px 14px;\n font-size: var(--t-xs);\n color: var(--c-pale);\n z-index: 10;\n animation: floatOrb 4.5s ease-in-out infinite;\n white-space: nowrap;\n backdrop-filter: blur(10px);\n }\n .chip strong { color: var(--c-white); font-size: 18px; display: block; line-height: 1.2; }\n .chip:nth-child(3) { top: 10%; right: -10%; animation-delay: 1s; }\n .chip:nth-child(4) { bottom: 22%; left: -8%; animation-delay: 0.5s; }\n .chip:nth-child(5) { top: 52%; right: -14%; animation-delay: 2s; font-size: 11px; }\n\n @media (max-width: 900px) {\n .hero { min-height: auto; padding-bottom: 50px; }\n .hero-grid { grid-template-columns: 1fr; }\n .hero-visual { display: none; }\n .hero-desc { max-width: 100%; }\n }\n @media (max-width: 600px) {\n .hero { padding-top: 40px; }\n .hero-actions { flex-direction: column; }\n .hero-actions .btn { width: 100%; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STATS BAR\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .stats-bar {\n padding-block: 36px;\n background: rgba(255,255,255,0.02);\n border-block: 1px solid var(--c-border);\n }\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n }\n .stat-item {\n text-align: center;\n padding: 16px 12px;\n border-right: 1px solid var(--c-border);\n opacity: 0; transform: translateY(16px);\n transition: opacity 0.5s ease, transform 0.5s ease;\n }\n .stat-item:last-child { border-right: none; }\n .stat-item.visible { opacity: 1; transform: translateY(0); }\n .stat-num {\n font-family: var(--font-h); font-size: clamp(28px,4vw,42px); font-weight: 800;\n background: linear-gradient(135deg, var(--c-lite), var(--c-pale));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; line-height: 1;\n }\n .stat-label { font-size: var(--t-xs); color: var(--c-pale); margin-top: 6px; }\n\n @media (max-width: 700px) {\n .stats-grid { grid-template-columns: repeat(2,1fr); }\n .stat-item:nth-child(2) { border-right: none; }\n .stat-item:nth-child(1),\n .stat-item:nth-child(2) { border-bottom: 1px solid var(--c-border); }\n .stat-item:last-child { border-right: none; }\n }\n @media (max-width: 380px) {\n .stats-grid { grid-template-columns: 1fr 1fr; }\n .stat-num { font-size: 26px; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SECTION HEADERS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .sec-header { text-align: center; margin-bottom: var(--sp-xl); }\n .sec-header h2 { margin-bottom: 12px; }\n .sec-header p { max-width: 540px; margin-inline: auto; }\n @media (max-width: 600px) { .sec-header { margin-bottom: var(--sp-lg); } }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ABOUT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--sp-xl);\n align-items: center;\n }\n .about-text h2 { margin-bottom: var(--sp-sm); }\n .about-text p { margin-bottom: 14px; }\n .about-hl {\n background: linear-gradient(135deg, rgba(26,107,255,0.14), rgba(26,107,255,0.04));\n border: 1px solid rgba(26,107,255,0.22);\n border-radius: var(--r-md);\n padding: 20px 24px;\n margin-top: 24px;\n }\n .about-hl p { color: var(--c-pale); font-size: var(--t-sm); margin: 0; }\n\n \/* About card *\/\n .about-card {\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-lg);\n padding: clamp(24px, 4vw, 40px);\n position: relative; overflow: hidden;\n }\n .about-card::before {\n content: ''; position: absolute;\n top: -80px; right: -80px;\n width: 260px; height: 260px; border-radius: 50%;\n background: radial-gradient(circle, rgba(26,107,255,0.18), transparent 70%);\n pointer-events: none;\n }\n .ac-logo {\n font-family: var(--font-h); font-size: clamp(40px,6vw,58px); font-weight: 800;\n background: linear-gradient(135deg, var(--c-lite), var(--c-pale));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text; margin-bottom: 4px; line-height: 1;\n }\n .ac-sub { font-size: var(--t-xs); letter-spacing: 0.14em; color: var(--c-pale); text-transform: uppercase; margin-bottom: 28px; }\n .ac-feat { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: var(--t-sm); color: var(--c-frost); }\n .ac-icon { width: 34px; height: 34px; border-radius: 9px; background: rgba(26,107,255,0.14); display: grid; place-items: center; font-size: 16px; flex-shrink: 0; }\n .ac-badge {\n display: inline-flex; flex-direction: column; align-items: center;\n background: var(--c-bg3);\n border: 1px solid rgba(26,107,255,0.38);\n border-radius: var(--r-sm);\n padding: 12px 18px;\n margin-top: 20px;\n }\n .ac-badge .yr { font-family: var(--font-h); font-size: 26px; font-weight: 800; color: var(--c-pale); line-height: 1; }\n .ac-badge .yrl { font-size: 11px; letter-spacing: 0.1em; color: var(--c-pale); }\n\n @media (max-width: 900px) {\n .about-grid { grid-template-columns: 1fr; gap: var(--sp-lg); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--sp-md);\n }\n .svc-card {\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-md);\n padding: clamp(22px, 3vw, 36px) clamp(18px, 2.5vw, 30px);\n position: relative; overflow: hidden;\n transition: var(--mid);\n opacity: 0; transform: translateY(28px);\n }\n .svc-card.visible { opacity: 1; transform: translateY(0); }\n .svc-card::after {\n content: ''; position: absolute;\n top: 0; inset-inline: 0; height: 2px;\n background: linear-gradient(90deg, transparent, var(--c-prime), transparent);\n opacity: 0; transition: var(--mid);\n }\n .svc-card:hover { border-color: rgba(26,107,255,0.45); transform: translateY(-6px); background: rgba(26,107,255,0.07); box-shadow: 0 18px 50px rgba(26,107,255,0.14); }\n .svc-card:hover::after { opacity: 1; }\n .svc-icon {\n width: 56px; height: 56px;\n background: linear-gradient(135deg, rgba(26,107,255,0.18), rgba(26,107,255,0.04));\n border: 1px solid rgba(26,107,255,0.22);\n border-radius: 14px;\n display: grid; place-items: center;\n font-size: 26px; margin-bottom: 20px;\n transition: var(--mid);\n }\n .svc-card:hover .svc-icon { transform: scale(1.1) rotate(-4deg); background: rgba(26,107,255,0.24); }\n .svc-card h3 { font-size: var(--t-xl); color: var(--c-white); margin-bottom: 10px; }\n .svc-card p { font-size: var(--t-sm); }\n .svc-more {\n display: inline-flex; align-items: center; gap: 6px;\n margin-top: 16px; font-size: var(--t-xs); font-weight: 700;\n color: var(--c-lite);\n opacity: 0; transform: translateX(-8px);\n transition: var(--mid);\n }\n .svc-card:hover .svc-more { opacity: 1; transform: translateX(0); }\n\n \/* Featured card *\/\n .svc-card.featured {\n grid-column: span 2;\n background: linear-gradient(135deg, rgba(26,107,255,0.14), rgba(6,43,110,0.28));\n border-color: rgba(26,107,255,0.3);\n display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center;\n }\n .svc-card.featured .svc-icon { width: 68px; height: 68px; font-size: 32px; }\n .perf-box {\n background: rgba(26,107,255,0.07);\n border: 1px solid rgba(26,107,255,0.18);\n border-radius: var(--r-sm);\n padding: 20px;\n }\n .perf-row { display: flex; justify-content: space-between; align-items: center; font-size: var(--t-sm); color: var(--c-frost); margin-bottom: 6px; }\n .perf-bar { height: 5px; background: rgba(255,255,255,0.09); border-radius: 3px; overflow: hidden; margin-bottom: 14px; }\n .perf-fill { height: 100%; border-radius: 3px; }\n\n @media (max-width: 1100px) {\n .services-grid { grid-template-columns: repeat(2, 1fr); }\n .svc-card.featured { grid-column: span 2; }\n }\n @media (max-width: 700px) {\n .services-grid { grid-template-columns: 1fr; gap: 14px; }\n .svc-card.featured {\n grid-column: auto;\n grid-template-columns: 1fr;\n }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOW IT WORKS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .how-steps {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n position: relative;\n }\n .how-steps::before {\n content: ''; position: absolute;\n top: 38px; left: 12.5%; right: 12.5%;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--c-blue), var(--c-blue), transparent);\n }\n .step {\n text-align: center; padding: 0 16px;\n opacity: 0; transform: translateY(18px);\n transition: var(--slow);\n }\n .step.visible { opacity: 1; transform: translateY(0); }\n .step-num {\n width: 76px; height: 76px; border-radius: 50%;\n background: var(--c-bg2);\n border: 2px solid var(--c-blue);\n display: grid; place-items: center;\n margin: 0 auto 20px;\n font-family: var(--font-h); font-size: 26px; font-weight: 800;\n color: var(--c-lite);\n position: relative; z-index: 1;\n transition: var(--mid);\n }\n .step:hover .step-num { background: var(--c-blue); color: var(--c-white); transform: scale(1.08); }\n .step h4 { color: var(--c-white); margin-bottom: 8px; font-size: var(--t-md); }\n .step p { font-size: var(--t-sm); }\n\n @media (max-width: 900px) {\n .how-steps { grid-template-columns: repeat(2, 1fr); gap: 36px; }\n .how-steps::before { display: none; }\n }\n @media (max-width: 420px) {\n .how-steps { grid-template-columns: 1fr; gap: 28px; }\n .step-num { width: 62px; height: 62px; font-size: 22px; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHY SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .why-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: var(--sp-xl);\n align-items: start;\n }\n .why-text h2 { margin-bottom: 16px; }\n .why-text p { margin-bottom: 14px; }\n .feat-list { display: flex; flex-direction: column; gap: 14px; margin-top: 24px; }\n .feat-item {\n display: flex; align-items: flex-start; gap: 14px;\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-sm);\n padding: 16px 18px;\n transition: var(--mid);\n }\n .feat-item:hover { border-color: rgba(26,107,255,0.38); background: rgba(26,107,255,0.07); }\n .feat-ico { font-size: 20px; flex-shrink: 0; margin-top: 2px; }\n .feat-body h4 { font-size: var(--t-md); color: var(--c-white); margin-bottom: 3px; }\n .feat-body p { font-size: var(--t-sm); margin: 0; }\n\n .metrics-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 14px;\n }\n .metric-card {\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-md);\n padding: clamp(20px, 2.5vw, 28px) 20px;\n text-align: center;\n transition: var(--mid);\n }\n .metric-card:hover { border-color: rgba(26,107,255,0.38); transform: translateY(-4px); }\n .metric-card.span2 {\n grid-column: span 2;\n background: linear-gradient(135deg, rgba(26,107,255,0.11), rgba(6,43,110,0.22));\n border-color: rgba(26,107,255,0.28);\n }\n .metric-ico { font-size: 28px; margin-bottom: 8px; }\n .metric-num {\n font-family: var(--font-h); font-size: clamp(26px,3.5vw,36px); font-weight: 800;\n background: linear-gradient(135deg, var(--c-lite), var(--c-white));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .metric-lbl { font-size: var(--t-xs); color: var(--c-pale); margin-top: 5px; }\n\n @media (max-width: 900px) {\n .why-grid { grid-template-columns: 1fr; gap: var(--sp-lg); }\n }\n @media (max-width: 480px) {\n .metrics-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 380px) {\n .metrics-grid { grid-template-columns: 1fr; }\n .metric-card.span2 { grid-column: auto; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA BOX\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .cta-box {\n background: linear-gradient(135deg, var(--c-bg3), var(--c-bg2));\n border: 1px solid rgba(26,107,255,0.36);\n border-radius: var(--r-xl);\n padding: clamp(44px, 8vw, 80px) clamp(24px, 6vw, 64px);\n text-align: center;\n position: relative; overflow: hidden;\n }\n .cta-box::before {\n content: ''; position: absolute;\n top: -140px; left: 50%; transform: translateX(-50%);\n width: 480px; height: 480px; border-radius: 50%;\n background: radial-gradient(circle, rgba(26,107,255,0.18), transparent 70%);\n pointer-events: none;\n }\n .cta-box h2 { font-size: var(--t-3xl); margin-bottom: 16px; }\n .cta-box p { max-width: 520px; margin-inline: auto; margin-bottom: 36px; }\n .cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n @media (max-width: 500px) {\n .cta-actions { flex-direction: column; align-items: center; }\n .cta-actions .btn { width: 100%; max-width: 320px; }\n .cta-box { border-radius: var(--r-lg); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CONTACT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(32px, 5vw, 56px);\n }\n .contact-info h3 { color: var(--c-white); margin-bottom: 22px; font-size: var(--t-2xl); }\n .ci-item { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 22px; }\n .ci-ico {\n width: 46px; height: 46px; flex-shrink: 0;\n border-radius: var(--r-sm);\n background: rgba(26,107,255,0.10);\n border: 1px solid rgba(26,107,255,0.22);\n display: grid; place-items: center; font-size: 19px;\n }\n .ci-body span { display: block; font-size: var(--t-xs); color: var(--c-pale); letter-spacing: 0.07em; text-transform: uppercase; margin-bottom: 4px; }\n .ci-body p { font-size: var(--t-sm); color: var(--c-white); margin: 0; }\n .ci-body a { color: var(--c-pale); transition: var(--fast); }\n .ci-body a:hover { color: var(--c-lite); }\n\n .services-chips {\n margin-top: 28px;\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-md);\n padding: 20px 22px;\n }\n .services-chips h4 { font-size: var(--t-sm); color: var(--c-pale); margin-bottom: 12px; }\n .chips { display: flex; flex-wrap: wrap; gap: 8px; }\n .chip-tag {\n background: rgba(26,107,255,0.09);\n border: 1px solid rgba(26,107,255,0.22);\n border-radius: 20px; padding: 4px 13px;\n font-size: var(--t-xs); color: var(--c-pale);\n }\n\n \/* Form *\/\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .form-col { display: flex; flex-direction: column; gap: 16px; }\n .form-group { display: flex; flex-direction: column; gap: 7px; }\n .form-group label { font-size: var(--t-xs); color: var(--c-pale); letter-spacing: 0.06em; text-transform: uppercase; }\n .form-group input,\n .form-group textarea,\n .form-group select {\n background: var(--c-glass);\n border: 1px solid var(--c-border);\n border-radius: var(--r-sm);\n padding: 13px 16px;\n font-size: var(--t-sm);\n color: var(--c-white);\n outline: none;\n transition: var(--mid);\n resize: vertical;\n width: 100%;\n appearance: none; -webkit-appearance: none;\n }\n .form-group input::placeholder,\n .form-group textarea::placeholder { color: rgba(255,255,255,0.28); }\n .form-group input:focus,\n .form-group textarea:focus,\n .form-group select:focus {\n border-color: var(--c-prime);\n background: rgba(26,107,255,0.06);\n box-shadow: 0 0 0 3px rgba(26,107,255,0.10);\n }\n .form-group select option { background: var(--c-bg2); color: var(--c-white); }\n .form-msg {\n display: none; margin-top: 12px;\n padding: 14px 18px; border-radius: var(--r-sm);\n font-size: var(--t-sm); text-align: center;\n background: rgba(77,255,145,0.08);\n border: 1px solid rgba(77,255,145,0.28);\n color: #4dff91;\n }\n\n @media (max-width: 960px) {\n .contact-grid { grid-template-columns: 1fr; }\n }\n @media (max-width: 560px) {\n .form-grid { grid-template-columns: 1fr; }\n }\n\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOBILE STICKY BAR\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .sticky-bar {\n display: none;\n position: fixed;\n bottom: 0; inset-inline: 0;\n z-index: 950;\n background: rgba(4,25,58,0.96);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-top: 1px solid rgba(26,107,255,0.22);\n padding: 10px 16px;\n gap: 10px;\n \/* Safe area on notched phones *\/\n padding-bottom: max(10px, env(safe-area-inset-bottom));\n }\n .sticky-bar a {\n flex: 1; text-align: center;\n padding: 12px 10px;\n border-radius: 10px;\n font-family: var(--font-h); font-weight: 700;\n font-size: var(--t-sm);\n transition: var(--fast);\n }\n .sticky-bar .sb-prime { background: var(--c-prime); color: var(--c-white); }\n .sticky-bar .sb-call { background: rgba(26,107,255,0.12); border: 1px solid rgba(26,107,255,0.28); color: var(--c-pale); }\n @media (max-width: 767px) {\n .sticky-bar { display: flex; }\n .contact-section { padding-bottom: calc(56px + max(16px, env(safe-area-inset-bottom))); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n REVEAL ANIMATION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .reveal {\n opacity: 0; transform: translateY(28px);\n transition: opacity 0.65s ease, transform 0.65s ease;\n }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n @keyframes fadeUp { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }\n @keyframes fadeIn { from{opacity:0} to{opacity:1} }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TOUCH DEVICES \u2014 disable hover transforms\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n @media (hover: none) {\n .svc-card:hover, .feat-item:hover, .metric-card:hover,\n .btn-primary:hover, .btn-ghost:hover { transform: none; }\n .svc-card:hover::after { opacity: 0; }\n .svc-card .svc-more { opacity: 1; transform: translateX(0); }\n }\n\n \/* Landscape mobile *\/\n @media (max-width: 767px) and (orientation: landscape) {\n .hero { padding-top: calc(var(--nav-h) + 16px); padding-bottom: 32px; }\n .section { padding-block: 44px; }\n }\n <\/style>\n<\/head>\n\n<body>\n<canvas id=\"bg-canvas\"><\/canvas>\n\n<div class=\"page\">\n\n <section class=\"hero\" id=\"home\" aria-label=\"Hero\">\n <div class=\"wrap\">\n <div class=\"hero-grid\">\n\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n Power Your Business<br \/>\n With <span class=\"accent\">Smart Digital<\/span><br \/>\n Communication\n <\/h1>\n\n <p class=\"hero-desc\">\n NS Technology India delivers reliable <strong>Bulk SMS<\/strong>, <strong>Email Marketing<\/strong>,\n <strong>WhatsApp Business<\/strong>, and <strong>Short\/Long Code<\/strong> solutions that drive\n real engagement and measurable ROI for businesses across India.\n <\/p>\n\n <div class=\"hero-actions\">\n <a href=\"#contact\" class=\"btn btn-primary\">\n Get Started Today\n <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"#services\" class=\"btn btn-ghost\">\n Explore Services\n <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M19 9l-7 7-7-7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"orb-container\">\n <div class=\"orb-ring\"><div class=\"orb-dot\"><\/div><\/div>\n <div class=\"orb-ring\"><div class=\"orb-dot alt\"><\/div><\/div>\n <div class=\"orb-core\"><\/div>\n <div class=\"chip\">\ud83d\udce8 Bulk SMS Delivered<br><strong>10M+<\/strong><\/div>\n <div class=\"chip\">\u2705 API Uptime<br><strong>99.9%<\/strong><\/div>\n <div class=\"chip\">\ud83c\udfe2 Businesses Served<br><strong>500+<\/strong><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STATS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <div class=\"stats-bar\" aria-label=\"Key statistics\">\n <div class=\"wrap\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"12\">0<\/div>\n <div class=\"stat-label\">Years of Excellence<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"500\">0<\/div>\n <div class=\"stat-label\">Happy Clients<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"10\">0<\/div>\n <div class=\"stat-label\">Million+ Messages Delivered<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-num\" data-count=\"5\">0<\/div>\n <div class=\"stat-label\">Core Services Offered<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ABOUT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section\" id=\"about\" aria-labelledby=\"about-h\">\n <div class=\"wrap\">\n <div class=\"about-grid\">\n\n <div class=\"about-text reveal\">\n <div class=\"pill\">About NS Technology<\/div>\n <h2 id=\"about-h\">India's Trusted Digital Communication Company Since 2012<\/h2>\n <p>\n <strong>NS Technology India<\/strong>, headquartered in Ghaziabad, Uttar Pradesh, was founded in 2012\n by a passionate team of developers, mobile media enthusiasts, and digital marketing experts.\n We specialise in delivering high-impact <strong>mobile applications, digital campaigns<\/strong>, and\n <strong>mass communication solutions<\/strong> across India.\n <\/p>\n <p>\n From startups to large enterprises, we empower businesses with scalable messaging platforms,\n creative content marketing, and social media management \u2014 with a strong focus on the education domain.\n <\/p>\n <div class=\"about-hl\">\n <p>\n \ud83d\ude80 We engineer <strong>perpetual traffic and user engagement<\/strong> through creative design,\n content marketing, and robust bulk communication technology built from the ground up.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"about-card reveal\" aria-hidden=\"true\">\n <div class=\"ac-logo\">NST<\/div>\n <div class=\"ac-sub\">N.S. Technology India<\/div>\n <div class=\"ac-feat\"><div class=\"ac-icon\">\ud83d\udccd<\/div>Ghaziabad, Uttar Pradesh \u2013 Serving All India<\/div>\n <div class=\"ac-feat\"><div class=\"ac-icon\">\ud83d\udcf1<\/div>Mobile-First Communication Platform<\/div>\n <div class=\"ac-feat\"><div class=\"ac-icon\">\ud83d\udd12<\/div>Secure, Scalable & Reliable API<\/div>\n <div class=\"ac-feat\"><div class=\"ac-icon\">\ud83c\udf93<\/div>Education Domain Specialist<\/div>\n <div class=\"ac-feat\"><div class=\"ac-icon\">\ud83d\udcca<\/div>Real-Time Analytics & Reporting<\/div>\n <div class=\"ac-badge\">\n <span class=\"yr\">2012<\/span>\n <span class=\"yrl\">ESTABLISHED<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SERVICES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section\" id=\"services\" aria-labelledby=\"svc-h\">\n <div class=\"wrap\">\n <div class=\"sec-header reveal\">\n <div class=\"pill\">Our Services<\/div>\n <h2 id=\"svc-h\">Complete Digital Communication Solutions<\/h2>\n <p>From promotional campaigns to OTP delivery \u2014 end-to-end messaging infrastructure that keeps your business connected.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n\n <!-- Featured: Bulk SMS -->\n <div class=\"svc-card featured\" aria-labelledby=\"s1\">\n <div>\n <div class=\"svc-icon\" style=\"width:68px;height:68px;font-size:32px;\">\ud83d\udce8<\/div>\n <h3 id=\"s1\" style=\"font-size:var(--t-2xl);\">Bulk SMS \u2013 Promotional & Transactional<\/h3>\n <p>\n Deliver your brand message to millions in seconds. Our <strong>Bulk SMS platform<\/strong> supports\n both <strong>promotional SMS campaigns<\/strong> and <strong>transactional OTP delivery<\/strong>\n with 99.9% uptime via REST API or intuitive dashboard.\n <\/p>\n <div class=\"svc-more\">Explore Bulk SMS \u2192<\/div>\n <\/div>\n <div class=\"perf-box\">\n <div class=\"perf-row\"><span>Delivery Rate<\/span><strong style=\"color:#4dff91\">99.8%<\/strong><\/div>\n <div class=\"perf-bar\"><div class=\"perf-fill\" style=\"width:99.8%;background:linear-gradient(90deg,var(--c-prime),#4dff91)\"><\/div><\/div>\n <div class=\"perf-row\"><span>API Uptime<\/span><strong style=\"color:var(--c-lite)\">99.9%<\/strong><\/div>\n <div class=\"perf-bar\"><div class=\"perf-fill\" style=\"width:99.9%;background:linear-gradient(90deg,var(--c-prime),var(--c-pale))\"><\/div><\/div>\n <div class=\"perf-row\"><span>Avg. Open Rate<\/span><strong style=\"color:#ffb84d\">98%<\/strong><\/div>\n <div class=\"perf-bar\" style=\"margin-bottom:0\"><div class=\"perf-fill\" style=\"width:98%;background:linear-gradient(90deg,var(--c-prime),#ffb84d)\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"svc-card\" aria-labelledby=\"s2\">\n <div class=\"svc-icon\">\ud83d\udce2<\/div>\n <h3 id=\"s2\">Bulk SMS Mobile Campaign<\/h3>\n <p>Launch targeted <strong>mobile SMS campaigns<\/strong> that drive clicks, footfall, and conversions. Segment audiences, schedule delivery, and monitor performance in real time.<\/p>\n <div class=\"svc-more\">Learn More \u2192<\/div>\n <\/div>\n\n <div class=\"svc-card\" aria-labelledby=\"s3\">\n <div class=\"svc-icon\">\ud83d\udd22<\/div>\n <h3 id=\"s3\">Short Code & Long Code SMS<\/h3>\n <p>Engage audiences with <strong>short code<\/strong> and <strong>long code<\/strong> two-way messaging. Perfect for SMS polling, voting, lead capture, and customer feedback.<\/p>\n <div class=\"svc-more\">Learn More \u2192<\/div>\n <\/div>\n\n <div class=\"svc-card\" aria-labelledby=\"s4\">\n <div class=\"svc-icon\">\ud83d\udce7<\/div>\n <h3 id=\"s4\">Email Marketing Solutions<\/h3>\n <p>Maximise ROI with our <strong>email marketing platform<\/strong>. Use pre-built templates or design custom campaigns. Advanced <strong>click mapping<\/strong> reveals what resonates.<\/p>\n <div class=\"svc-more\">Learn More \u2192<\/div>\n <\/div>\n\n <div class=\"svc-card\" aria-labelledby=\"s5\">\n <div class=\"svc-icon\">\ud83d\udcac<\/div>\n <h3 id=\"s5\">WhatsApp Business Solutions<\/h3>\n <p>Connect on India's most popular messaging platform. Send <strong>WhatsApp Business notifications<\/strong> and interactive messages that get 5\u00d7 higher open rates than email.<\/p>\n <div class=\"svc-more\">Learn More \u2192<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n HOW IT WORKS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section\" id=\"process\" aria-labelledby=\"how-h\">\n <div class=\"wrap\">\n <div class=\"sec-header reveal\">\n <div class=\"pill\">Simple Process<\/div>\n <h2 id=\"how-h\">Get Started in 4 Easy Steps<\/h2>\n <p>From onboarding to your first campaign \u2014 streamlined to get you communicating with customers fast.<\/p>\n <\/div>\n <div class=\"how-steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h4>Sign Up & Onboard<\/h4>\n <p>Create your account and complete simple KYC verification in minutes.<\/p>\n <\/div>\n <div class=\"step\" style=\"transition-delay:.12s\">\n <div class=\"step-num\">02<\/div>\n <h4>Choose Your Service<\/h4>\n <p>Select from Bulk SMS, Email, WhatsApp, or Short\/Long Code based on your goals.<\/p>\n <\/div>\n <div class=\"step\" style=\"transition-delay:.24s\">\n <div class=\"step-num\">03<\/div>\n <h4>Create Your Campaign<\/h4>\n <p>Upload contacts, design your message, and schedule delivery with ease.<\/p>\n <\/div>\n <div class=\"step\" style=\"transition-delay:.36s\">\n <div class=\"step-num\">04<\/div>\n <h4>Track & Optimise<\/h4>\n <p>Monitor real-time analytics, delivery reports, and click-through rates.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WHY CHOOSE US\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section\" id=\"why\" aria-labelledby=\"why-h\">\n <div class=\"wrap\">\n <div class=\"why-grid\">\n\n <div class=\"why-text reveal\">\n <div class=\"pill\">Why NS Technology?<\/div>\n <h2 id=\"why-h\">India's Most Reliable Bulk SMS & Digital Marketing Partner<\/h2>\n <p>Businesses across India choose NS Technology for our proven delivery infrastructure, competitive pricing, and unmatched customer support. We don't just send messages \u2014 we build communication ecosystems.<\/p>\n\n <div class=\"feat-list\">\n <div class=\"feat-item\">\n <div class=\"feat-ico\">\u26a1<\/div>\n <div class=\"feat-body\">\n <h4>Lightning-Fast Delivery<\/h4>\n <p>Messages delivered in under 5 seconds with DLT-compliant infrastructure and direct telecom routes.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-ico\">\ud83d\udd17<\/div>\n <div class=\"feat-body\">\n <h4>Easy API Integration<\/h4>\n <p>Developer-friendly REST API with detailed documentation. Integrate with your CRM or app in hours.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-ico\">\ud83d\udcca<\/div>\n <div class=\"feat-body\">\n <h4>Real-Time Analytics<\/h4>\n <p>Track delivery, open rates, and click-throughs with live dashboards and downloadable reports.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-item\">\n <div class=\"feat-ico\">\ud83d\udee1\ufe0f<\/div>\n <div class=\"feat-body\">\n <h4>Secure & Compliant<\/h4>\n <p>TRAI & DLT compliant. All data encrypted with enterprise-grade security standards.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"metrics-grid reveal\">\n <div class=\"metric-card\">\n <div class=\"metric-ico\">\ud83d\udce8<\/div>\n <div class=\"metric-num\">10M+<\/div>\n <div class=\"metric-lbl\">SMS Delivered Monthly<\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-ico\">\ud83c\udfe2<\/div>\n <div class=\"metric-num\">500+<\/div>\n <div class=\"metric-lbl\">Active Business Clients<\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-ico\">\u23f1\ufe0f<\/div>\n <div class=\"metric-num\">99.9%<\/div>\n <div class=\"metric-lbl\">Platform Uptime SLA<\/div>\n <\/div>\n <div class=\"metric-card\">\n <div class=\"metric-ico\">\u2b50<\/div>\n <div class=\"metric-num\">4.8\u2605<\/div>\n <div class=\"metric-lbl\">Average Client Rating<\/div>\n <\/div>\n <div class=\"metric-card span2\">\n <div class=\"metric-ico\">\ud83c\uddee\ud83c\uddf3<\/div>\n <div class=\"metric-num\">Pan India<\/div>\n <div class=\"metric-lbl\">Coverage \u2014 All Telecom Circles<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CTA\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section\" aria-label=\"Call to action\">\n <div class=\"wrap\">\n <div class=\"cta-box reveal\">\n <div class=\"pill\" style=\"margin-bottom:18px;\">Ready to Scale?<\/div>\n <h2>Start Sending Smarter Messages Today<\/h2>\n <p>Join 500+ businesses that trust NS Technology India for Bulk SMS, Email Marketing, and WhatsApp Business. Get started free \u2014 no setup fee.<\/p>\n <div class=\"cta-actions\">\n <a href=\"#contact\" class=\"btn btn-primary\">\n Talk to Our Team\n <svg width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <a href=\"tel:09871477788\" class=\"btn btn-ghost\">\ud83d\udcde Call: 9871477788<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n CONTACT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n <section class=\"section contact-section\" id=\"contact\" aria-labelledby=\"contact-h\">\n <div class=\"wrap\">\n <div class=\"sec-header reveal\">\n <div class=\"pill\">Get In Touch<\/div>\n <h2 id=\"contact-h\">Contact NS Technology India<\/h2>\n <p>Have questions about Bulk SMS or Email Marketing? Our Ghaziabad team is ready to help you find the right solution.<\/p>\n <\/div>\n\n <div class=\"contact-grid\">\n\n <div class=\"contact-info reveal\">\n <h3>Reach Us Directly<\/h3>\n\n <div class=\"ci-item\">\n <div class=\"ci-ico\">\ud83d\udccd<\/div>\n <div class=\"ci-body\">\n <span>Office Address<\/span>\n <p>Block-A, UG-003, Raj Nagar Residency, Raj Nagar Extension, Ghaziabad (UP) \u2013 201017<\/p>\n <\/div>\n <\/div>\n <div class=\"ci-item\">\n <div class=\"ci-ico\">\ud83d\udcde<\/div>\n <div class=\"ci-body\">\n <span>Phone<\/span>\n <p><a href=\"tel:01204333016\">0120-4333016<\/a>  |  <a href=\"tel:9871477788\">9871477788<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"ci-item\">\n <div class=\"ci-ico\">\ud83c\udf10<\/div>\n <div class=\"ci-body\">\n <span>Website<\/span>\n <p><a href=\"https:\/\/www.nstechindia.com\">www.nstechindia.com<\/a><\/p>\n <\/div>\n <\/div>\n <div class=\"ci-item\">\n <div class=\"ci-ico\">\ud83d\udd58<\/div>\n <div class=\"ci-body\">\n <span>Business Hours<\/span>\n <p>Monday \u2013 Saturday: 9:00 AM \u2013 6:30 PM IST<\/p>\n <\/div>\n <\/div>\n\n <div class=\"services-chips\">\n <h4>Services We Offer<\/h4>\n <div class=\"chips\">\n <span class=\"chip-tag\">Bulk SMS<\/span>\n <span class=\"chip-tag\">SMS Campaign<\/span>\n <span class=\"chip-tag\">Short Code<\/span>\n <span class=\"chip-tag\">Long Code<\/span>\n <span class=\"chip-tag\">Email Marketing<\/span>\n <span class=\"chip-tag\">WhatsApp Business<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"reveal\" id=\"form-wrap\">\n <h3 style=\"color:var(--c-white);margin-bottom:22px;font-size:var(--t-2xl);\">Send Us a Message<\/h3>\n <div class=\"form-col\">\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label for=\"fname\">Your Name<\/label>\n <input type=\"text\" id=\"fname\" name=\"name\" placeholder=\"Ravi Sharma\" autocomplete=\"name\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fphone\">Phone Number<\/label>\n <input type=\"tel\" id=\"fphone\" name=\"phone\" placeholder=\"+91 9XXXXXXXXX\" autocomplete=\"tel\" \/>\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"femail\">Email Address<\/label>\n <input type=\"email\" id=\"femail\" name=\"email\" placeholder=\"you@company.com\" autocomplete=\"email\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fservice\">Service Required<\/label>\n <select id=\"fservice\" name=\"service\">\n <option value=\"\">\u2014 Select a Service \u2014<\/option>\n <option>Bulk SMS \u2013 Promotional<\/option>\n <option>Bulk SMS \u2013 Transactional \/ OTP<\/option>\n <option>Bulk SMS Mobile Campaign<\/option>\n <option>Short Code \/ Long Code<\/option>\n <option>Email Marketing<\/option>\n <option>WhatsApp Business Account<\/option>\n <option>Multiple Services<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fmsg\">Your Message<\/label>\n <textarea id=\"fmsg\" name=\"message\" rows=\"4\" placeholder=\"Tell us about your requirements, volume, and campaign goals\u2026\"><\/textarea>\n <\/div>\n <button class=\"btn btn-primary btn-full\" id=\"submit-btn\" onclick=\"handleSubmit()\" style=\"font-size:var(--t-md);padding:15px 24px;\">\n Send Message\n <svg width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>\n <\/button>\n <div class=\"form-msg\" id=\"form-msg\">\n \u2705 Thank you! Our team will contact you within 24 hours.\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n<\/div><!-- \/page -->\n\n<!-- Mobile sticky bar -->\n<div class=\"sticky-bar\" role=\"navigation\" aria-label=\"Quick actions\">\n <a href=\"#contact\" class=\"sb-prime\">\ud83d\udcac Free Quote<\/a>\n <a href=\"tel:9871477788\" class=\"sb-call\">\ud83d\udcde Call Now<\/a>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n JAVASCRIPT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n\/* \u2500\u2500 Particle BG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n(function() {\n const canvas = document.getElementById('bg-canvas');\n const ctx = canvas.getContext('2d');\n let W, H, ptcls = [];\n\n const resize = () => { W = canvas.width = innerWidth; H = canvas.height = innerHeight; };\n window.addEventListener('resize', resize);\n resize();\n\n class P {\n constructor() { this.reset(); }\n reset() {\n this.x = Math.random() * W;\n this.y = Math.random() * H;\n this.vx = (Math.random() - .5) * .38;\n this.vy = (Math.random() - .5) * .38;\n this.r = Math.random() * 1.4 + .4;\n this.a = Math.random() * .45 + .15;\n }\n tick() {\n this.x += this.vx; this.y += this.vy;\n if (this.x < 0 || this.x > W) this.vx *= -1;\n if (this.y < 0 || this.y > H) this.vy *= -1;\n }\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);\n ctx.fillStyle = `rgba(26,107,255,${this.a})`;\n ctx.fill();\n }\n }\n\n const count = window.innerWidth < 600 ? 50 : 90;\n for (let i = 0; i < count; i++) ptcls.push(new P());\n\n const DIST = 130;\n function links() {\n for (let i = 0; i < ptcls.length; i++) {\n for (let j = i + 1; j < ptcls.length; j++) {\n const dx = ptcls[i].x - ptcls[j].x;\n const dy = ptcls[i].y - ptcls[j].y;\n const d = Math.sqrt(dx*dx + dy*dy);\n if (d < DIST) {\n ctx.beginPath();\n ctx.moveTo(ptcls[i].x, ptcls[i].y);\n ctx.lineTo(ptcls[j].x, ptcls[j].y);\n ctx.strokeStyle = `rgba(26,107,255,${.11*(1-d\/DIST)})`;\n ctx.lineWidth = .7;\n ctx.stroke();\n }\n }\n }\n }\n\n (function loop() {\n ctx.clearRect(0, 0, W, H);\n ptcls.forEach(p => { p.tick(); p.draw(); });\n links();\n requestAnimationFrame(loop);\n })();\n})();\n\n\/* \u2500\u2500 Intersection Observer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst io = new IntersectionObserver(entries => {\n entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal, .stat-item, .svc-card, .step').forEach(el => io.observe(el));\n\n\/* \u2500\u2500 Counter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nconst suffixes = { 12:'', 500:'+', 10:'M+', 5:'' };\nconst cio = new IntersectionObserver(entries => {\n entries.forEach(e => {\n if (!e.isIntersecting) return;\n const el = e.target.querySelector('[data-count]');\n if (!el) return;\n const target = +el.dataset.count;\n const suf = suffixes[target] ?? '';\n let t0 = null;\n const step = ts => {\n if (!t0) t0 = ts;\n const prog = Math.min((ts - t0) \/ 1700, 1);\n const eased = 1 - Math.pow(1 - prog, 3);\n el.textContent = Math.floor(eased * target) + (prog === 1 ? suf : '');\n if (prog < 1) requestAnimationFrame(step);\n };\n requestAnimationFrame(step);\n cio.unobserve(e.target);\n });\n}, { threshold: 0.3 });\ndocument.querySelectorAll('.stat-item').forEach(el => cio.observe(el));\n\n\/* \u2500\u2500 Card stagger \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\ndocument.querySelectorAll('.svc-card').forEach((c, i) => { c.style.transitionDelay = (i * .09) + 's'; });\n\n\n\n\/* \u2500\u2500 Smooth scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', e => {\n const t = document.querySelector(a.getAttribute('href'));\n if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }\n });\n});\n\n\/* \u2500\u2500 Form submit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nfunction handleSubmit() {\n const name = document.getElementById('fname').value.trim();\n const email = document.getElementById('femail').value.trim();\n if (!name || !email) { alert('Please fill in your name and email address.'); return; }\n const btn = document.getElementById('submit-btn');\n btn.textContent = 'Sending\u2026';\n btn.style.opacity = '.65';\n btn.disabled = true;\n setTimeout(() => {\n btn.style.display = 'none';\n document.getElementById('form-msg').style.display = 'block';\n }, 1200);\n}\n<\/script>\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"LocalBusiness\",\n \"name\": \"NS Technology India\",\n \"url\": \"https:\/\/www.nstechindia.com\",\n \"telephone\": [\"+91-120-4333016\",\"+91-9871477788\"],\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Block-A, UG-003, Raj Nagar Residency, Raj Nagar Extension\",\n \"addressLocality\": \"Ghaziabad\",\n \"addressRegion\": \"Uttar Pradesh\",\n \"postalCode\": \"201017\",\n \"addressCountry\": \"IN\"\n },\n \"foundingDate\": \"2012\",\n \"description\": \"NS Technology India offers Bulk SMS, Email Marketing, WhatsApp Business Account, Short Code, and Long Code services to businesses across India.\",\n \"serviceArea\": {\"@type\":\"Country\",\"name\":\"India\"}\n}\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NS Technology India | Bulk SMS, Email Marketing & Digital Communication Solutions \u2013 Ghaziabad Power Your Business With Smart Digital Communication NS Technology India delivers reliable Bulk SMS, Email Marketing, WhatsApp Business, and Short\/Long Code solutions that drive real engagement and measurable ROI for businesses across India. Get Started Today Explore Services \ud83d\udce8 Bulk SMS […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":7,"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/nstechindia.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}