Expert DigiPro \u2013 AI Powered Digital Marketing Agency<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n :root {\n --primary: #1e90ff;\n --primary-dark: #0c6fcc;\n --primary-glow: rgba(30, 144, 255, 0.35);\n --white: #ffffff;\n --bg: #f8faff;\n --dark: #0a0f1e;\n --dark2: #111827;\n --text: #1a2340;\n --muted: #5a6a8a;\n --card-bg: rgba(255,255,255,0.85);\n --border: rgba(30,144,255,0.15);\n --glass: rgba(255,255,255,0.6);\n --shadow: 0 8px 40px rgba(30,144,255,0.10);\n --shadow-hover: 0 16px 60px rgba(30,144,255,0.22);\n --radius: 18px;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Roboto', sans-serif;\n background: var(--bg);\n color: var(--text);\n overflow-x: hidden;\n line-height: 1.65;\n }\n\n h1,h2,h3,h4 { font-family: 'Roboto', sans-serif; }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top:0; left:0; right:0; z-index:999;\n display: flex; align-items:center; justify-content:space-between;\n padding: 0 6vw;\n height: 70px;\n background: rgba(255,255,255,0.80);\n backdrop-filter: blur(18px);\n border-bottom: 1px solid var(--border);\n box-shadow: 0 2px 20px rgba(30,144,255,0.06);\n transition: all 0.3s;\n }\n .nav-logo {\n font-family: 'Roboto', sans-serif;\n text-decoration: none;\n letter-spacing: -0.5px;\n }\n .nav-logo span { color: var(--primary); }\n .nav-links { display:flex; gap:28px; list-style:none; }\n .nav-links a {\n font-size: 0.88rem;\n font-weight: 500;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--primary); }\n .nav-cta {\n background: var(--primary);\n color: #fff !important;\n padding: 9px 22px;\n border-radius: 50px;\n font-weight: 600 !important;\n box-shadow: 0 4px 18px var(--primary-glow);\n transition: transform 0.2s, box-shadow 0.2s !important;\n }\n .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 28px var(--primary-glow) !important; }\n .hamburger { display:none; cursor:pointer; flex-direction:column; gap:5px; }\n .hamburger span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:0.3s; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 6vw 80px;\n overflow: hidden;\n background: linear-gradient(145deg, #f0f6ff 0%, #ffffff 50%, #e8f4ff 100%);\n }\n .hero-canvas { position:absolute; inset:0; z-index:0; }\n .hero-glow-1 {\n position: absolute; width:600px; height:600px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.12) 0%, transparent 70%);\n top: -100px; left: -100px; animation: gfloat 8s ease-in-out infinite;\n }\n .hero-glow-2 {\n position: absolute; width:400px; height:400px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.09) 0%, transparent 70%);\n bottom: -80px; right: -80px; animation: gfloat 10s ease-in-out infinite reverse;\n }\n @keyframes gfloat {\n 0%,100% { transform: translateY(0) scale(1); }\n 50% { transform: translateY(-30px) scale(1.05); }\n }\n .hero-inner { position:relative; z-index:1; max-width: 820px; }\n .hero-badge {\n display: inline-flex; align-items:center; gap:8px;\n background: var(--glass);\n border: 1px solid var(--border);\n backdrop-filter: blur(10px);\n border-radius: 50px;\n padding: 7px 18px;\n font-size: 0.80rem;\n font-weight: 600;\n color: var(--primary);\n letter-spacing: 0.5px;\n margin-bottom: 24px;\n animation: fadeUp 0.7s ease both;\n }\n .hero-badge i { font-size: 0.75rem; }\n h1.hero-title {\n font-size: clamp(2.2rem, 5.5vw, 4rem);\n font-weight: 800;\n line-height: 1.15;\n color: var(--dark);\n margin-bottom: 20px;\n animation: fadeUp 0.8s 0.1s ease both;\n }\n h1.hero-title .highlight {\n background: linear-gradient(90deg, #1e90ff, #38beff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .hero-sub {\n font-size: clamp(1rem, 2vw, 1.15rem);\n color: var(--muted);\n max-width: 600px;\n margin: 0 auto 36px;\n animation: fadeUp 0.8s 0.2s ease both;\n }\n .hero-btns {\n display: flex; gap:14px; justify-content:center; flex-wrap:wrap;\n animation: fadeUp 0.8s 0.3s ease both;\n }\n .btn-primary {\n display: inline-flex; align-items:center; gap:10px;\n background: var(--primary);\n color: #fff;\n padding: 15px 32px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1rem;\n text-decoration: none;\n box-shadow: 0 6px 28px var(--primary-glow);\n transition: transform 0.25s, box-shadow 0.25s;\n position: relative;\n overflow: hidden;\n }\n .btn-primary::after {\n content:''; position:absolute; inset:0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\n transform: translateX(-100%);\n transition: transform 0.5s;\n }\n .btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 40px var(--primary-glow); }\n .btn-primary:hover::after { transform: translateX(100%); }\n .btn-outline {\n display: inline-flex; align-items:center; gap:10px;\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 13px 28px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: background 0.25s, color 0.25s, transform 0.25s;\n }\n .btn-outline:hover { background:var(--primary); color:#fff; transform:translateY(-3px); }\n\n \/* Hero floating cards *\/\n .hero-cards {\n display: flex; gap:12px; justify-content:center; margin-top:48px;\n flex-wrap:wrap;\n animation: fadeUp 0.8s 0.5s ease both;\n }\n .hero-card {\n background: var(--card-bg);\n backdrop-filter: blur(16px);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 14px 20px;\n display: flex; align-items:center; gap:12px;\n box-shadow: var(--shadow);\n transition: transform 0.3s;\n min-width: 170px;\n }\n .hero-card:hover { transform:translateY(-4px); }\n .hero-card-icon {\n width:42px; height:42px; border-radius:10px;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(30,144,255,0.05));\n display:flex; align-items:center; justify-content:center;\n color: var(--primary); font-size:1.1rem;\n }\n .hero-card-text { text-align:left; }\n .hero-card-num { font-family:'Roboto',sans-serif; font-weight:800; font-size:1.1rem; color:var(--dark); }\n .hero-card-label { font-size:0.72rem; color:var(--muted); font-weight:500; }\n\n \/* \u2500\u2500\u2500 TRUST BAR \u2500\u2500\u2500 *\/\n #trust {\n background: var(--dark);\n padding: 22px 6vw;\n overflow: hidden;\n }\n .trust-track {\n display: flex; gap:0;\n animation: marquee 30s linear infinite;\n white-space: nowrap;\n }\n .trust-track:hover { animation-play-state: paused; }\n .trust-item {\n display: inline-flex; align-items:center; gap:10px;\n padding: 0 40px;\n color: rgba(255,255,255,0.85);\n font-size: 0.90rem;\n font-weight: 500;\n border-right: 1px solid rgba(255,255,255,0.1);\n flex-shrink: 0;\n }\n .trust-item i { color: var(--primary); font-size:1rem; }\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\n section { padding: 90px 6vw; }\n .section-tag {\n display: inline-flex; align-items:center; gap:7px;\n background: rgba(30,144,255,0.08);\n border: 1px solid rgba(30,144,255,0.2);\n color: var(--primary);\n font-size:0.78rem;\n font-weight: 700;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 50px;\n text-transform: uppercase;\n margin-bottom:16px;\n }\n .section-title {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 800;\n color: var(--dark);\n line-height: 1.2;\n margin-bottom: 14px;\n }\n .section-sub {\n color: var(--muted);\n font-size:1rem;\n max-width: 580px;\n margin-bottom: 52px;\n }\n .section-header { text-align:center; }\n .section-header .section-sub { margin: 0 auto 52px; }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n #services { background: #fff; }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n max-width: 1100px;\n margin: 0 auto;\n }\n .service-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 36px 30px;\n box-shadow: var(--shadow);\n transition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.35s, border-color 0.35s;\n cursor: default;\n position: relative;\n overflow: hidden;\n }\n .service-card::before {\n content:''; position:absolute; top:0; left:0; right:0; height:3px;\n background: linear-gradient(90deg, var(--primary), #38beff);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.35s ease;\n }\n .service-card:hover { transform:translateY(-8px) scale(1.01); box-shadow:var(--shadow-hover); border-color: rgba(30,144,255,0.3); }\n .service-card:hover::before { transform: scaleX(1); }\n .service-icon {\n width:58px; height:58px; border-radius:14px;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(30,144,255,0.04));\n display:flex; align-items:center; justify-content:center;\n font-size:1.55rem; color:var(--primary);\n margin-bottom:20px;\n transition: background 0.3s, transform 0.3s;\n }\n .service-card:hover .service-icon { background: linear-gradient(135deg, rgba(30,144,255,0.22), rgba(30,144,255,0.10)); transform:scale(1.1); }\n .service-card h3 { font-size:1.1rem; font-weight:700; color:var(--dark); margin-bottom:10px; }\n .service-card p { font-size:0.88rem; color:var(--muted); line-height:1.6; }\n .service-arrow {\n display:inline-flex; align-items:center; gap:6px;\n margin-top:18px;\n color:var(--primary); font-size:0.82rem; font-weight:600;\n opacity:0; transform: translateX(-8px);\n transition: opacity 0.3s, transform 0.3s;\n }\n .service-card:hover .service-arrow { opacity:1; transform:translateX(0); }\n\n \/* \u2500\u2500\u2500 WHY CHOOSE US \u2500\u2500\u2500 *\/\n #why {\n background: linear-gradient(145deg, #f0f6ff 0%, #ffffff 100%);\n position: relative;\n overflow: hidden;\n }\n #why::before {\n content:''; position:absolute; right:-100px; top:-100px;\n width:400px; height:400px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.07) 0%, transparent 70%);\n }\n .why-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .why-image-wrap {\n position: relative;\n display:flex; align-items:center; justify-content:center;\n }\n .why-orb {\n width: 360px; height: 360px; border-radius: 50%;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(56,190,255,0.06));\n display: flex; align-items:center; justify-content:center;\n position:relative;\n animation: pulse-ring 4s ease-in-out infinite;\n }\n @keyframes pulse-ring {\n 0%,100% { box-shadow: 0 0 0 0 rgba(30,144,255,0.12), 0 0 0 20px rgba(30,144,255,0.05); }\n 50% { box-shadow: 0 0 0 20px rgba(30,144,255,0.07), 0 0 0 40px rgba(30,144,255,0.03); }\n }\n .why-orb-inner {\n width:240px; height:240px; border-radius:50%;\n background: linear-gradient(135deg, #1e90ff, #38beff);\n display:flex; align-items:center; justify-content:center;\n box-shadow: 0 20px 60px rgba(30,144,255,0.35);\n font-size:4rem; color:#fff;\n }\n .why-list { display:flex; flex-direction:column; gap:16px; }\n .why-item {\n display:flex; align-items:flex-start; gap:14px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 18px 20px;\n box-shadow: 0 4px 16px rgba(30,144,255,0.07);\n transition: transform 0.25s, box-shadow 0.25s;\n }\n .why-item:hover { transform:translateX(6px); box-shadow: 0 8px 28px rgba(30,144,255,0.12); }\n .why-check {\n width:32px; height:32px; border-radius:8px; flex-shrink:0;\n background: linear-gradient(135deg, #1e90ff, #38beff);\n display:flex; align-items:center; justify-content:center;\n color:#fff; font-size:0.8rem;\n }\n .why-item-text strong { font-size:0.95rem; font-weight:700; color:var(--dark); display:block; margin-bottom:2px; }\n .why-item-text span { font-size:0.80rem; color:var(--muted); }\n\n \/* \u2500\u2500\u2500 STATS \u2500\u2500\u2500 *\/\n #stats {\n background: var(--dark);\n position: relative;\n overflow: hidden;\n text-align:center;\n }\n #stats::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse at center, rgba(30,144,255,0.15) 0%, transparent 70%);\n }\n .stats-grid {\n display:grid; grid-template-columns:repeat(3,1fr); gap:32px;\n max-width:900px; margin:0 auto;\n position:relative; z-index:1;\n }\n .stat-card {\n padding: 40px 24px;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius);\n background: rgba(255,255,255,0.04);\n backdrop-filter: blur(10px);\n transition: border-color 0.3s, background 0.3s;\n }\n .stat-card:hover { border-color: rgba(30,144,255,0.4); background:rgba(30,144,255,0.07); }\n .stat-num {\n font-family: 'Roboto', sans-serif;\n font-size: clamp(2.2rem, 4vw, 3.2rem);\n font-weight: 900;\n background: linear-gradient(90deg, #fff, #38beff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display:block;\n margin-bottom:8px;\n }\n .stat-label { color: rgba(255,255,255,0.55); font-size:0.90rem; font-weight:500; }\n #stats .section-title { color:#fff; }\n #stats .section-sub { color:rgba(255,255,255,0.5); }\n\n \/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\n #contact { background:#fff; }\n .form-wrap {\n max-width: 720px; margin: 0 auto;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 24px;\n padding: 48px 44px;\n box-shadow: 0 20px 60px rgba(30,144,255,0.10);\n }\n .form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }\n .form-group { margin-bottom:18px; display:flex; flex-direction:column; }\n .form-group label {\n font-size:0.82rem; font-weight:600; color:var(--muted);\n margin-bottom:7px; letter-spacing:0.3px;\n }\n .form-group input, .form-group select {\n border: 1.5px solid #e0e8f8;\n border-radius: 10px;\n padding: 12px 16px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.92rem;\n color: var(--text);\n background: #f8faff;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline:none;\n }\n .form-group input:focus, .form-group select:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(30,144,255,0.10);\n background:#fff;\n }\n .services-check-label {\n font-size:0.82rem; font-weight:600; color:var(--muted);\n margin-bottom:12px; display:block;\n }\n .check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:22px; }\n .check-item {\n display:flex; align-items:center; gap:8px;\n background:#f0f6ff; border:1.5px solid #dce9ff;\n border-radius:8px; padding:10px 12px; cursor:pointer;\n transition:border-color 0.2s, background 0.2s;\n }\n .check-item input[type=checkbox] { accent-color: var(--primary); width:15px; height:15px; cursor:pointer; }\n .check-item label { font-size:0.80rem; font-weight:500; color:var(--text); cursor:pointer; }\n .check-item:has(input:checked) { border-color:var(--primary); background:rgba(30,144,255,0.07); }\n .btn-submit {\n width:100%; padding:16px; border-radius:50px;\n background: linear-gradient(90deg, #1e90ff, #38beff);\n color:#fff; font-family:'Roboto',sans-serif;\n font-size:1rem; font-weight:700;\n border:none; cursor:pointer;\n box-shadow: 0 8px 28px rgba(30,144,255,0.30);\n transition: transform 0.25s, box-shadow 0.25s;\n letter-spacing:0.3px;\n position:relative; overflow:hidden;\n }\n .btn-submit::after {\n content:''; position:absolute; inset:0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n transform:translateX(-100%); transition:transform 0.5s;\n }\n .btn-submit:hover { transform:translateY(-3px); box-shadow:0 14px 40px rgba(30,144,255,0.38); }\n .btn-submit:hover::after { transform:translateX(100%); }\n\n \/* \u2500\u2500\u2500 FINAL CTA \u2500\u2500\u2500 *\/\n #cta {\n background: linear-gradient(135deg, #0a1628 0%, #0c2550 50%, #0a1628 100%);\n text-align:center; position:relative; overflow:hidden;\n }\n #cta::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse at 50% 50%, rgba(30,144,255,0.20) 0%, transparent 65%);\n }\n #cta .section-title { color:#fff; }\n #cta .section-sub { color:rgba(255,255,255,0.55); margin:0 auto 40px; }\n .cta-glow-line {\n width:160px; height:3px; border-radius:2px;\n background: linear-gradient(90deg, transparent, #1e90ff, transparent);\n margin: 0 auto 24px;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--dark2);\n padding: 44px 6vw 28px;\n text-align:center;\n }\n .footer-logo {\n font-family:'Roboto',sans-serif; font-weight:800;\n font-size:1.4rem; color:#fff; margin-bottom:12px;\n }\n .footer-logo span { color:var(--primary); }\n .footer-tagline { color:rgba(255,255,255,0.40); font-size:0.83rem; margin-bottom:20px; }\n .footer-email a {\n color:rgba(255,255,255,0.65); font-size:0.88rem;\n text-decoration:none; transition:color 0.2s;\n }\n .footer-email a:hover { color:var(--primary); }\n .footer-socials {\n display:flex; gap:14px; justify-content:center; margin:20px 0;\n }\n .social-icon {\n width:38px; height:38px; border-radius:50%;\n background: rgba(255,255,255,0.07);\n border:1px solid rgba(255,255,255,0.12);\n display:flex; align-items:center; justify-content:center;\n color:rgba(255,255,255,0.60); font-size:0.85rem;\n text-decoration:none;\n transition: background 0.25s, color 0.25s, border-color 0.25s;\n }\n .social-icon:hover { background:var(--primary); color:#fff; border-color:var(--primary); }\n .footer-bottom {\n border-top:1px solid rgba(255,255,255,0.08);\n padding-top:20px; margin-top:20px;\n color:rgba(255,255,255,0.28); font-size:0.78rem;\n }\n\n \/* \u2500\u2500\u2500 WHATSAPP FLOAT \u2500\u2500\u2500 *\/\n .wa-float {\n position:fixed; bottom:28px; right:28px; z-index:9999;\n width:58px; height:58px; border-radius:50%;\n background: linear-gradient(135deg, #25d366, #1abe57);\n display:flex; align-items:center; justify-content:center;\n color:#fff; font-size:1.5rem;\n box-shadow: 0 8px 28px rgba(37,211,102,0.45);\n text-decoration:none;\n transition:transform 0.25s, box-shadow 0.25s;\n animation: wa-bounce 3s ease-in-out 2s infinite;\n }\n .wa-float:hover { transform:scale(1.12); box-shadow:0 14px 40px rgba(37,211,102,0.55); animation:none; }\n @keyframes wa-bounce {\n 0%,100% { transform:translateY(0) scale(1); }\n 50% { transform:translateY(-6px) scale(1.04); }\n }\n\n \/* \u2500\u2500\u2500 PARTICLES \u2500\u2500\u2500 *\/\n #particles { position:absolute; inset:0; z-index:0; pointer-events:none; }\n\n \/* \u2500\u2500\u2500 SCROLL ANIMATION \u2500\u2500\u2500 *\/\n .reveal { opacity:0; transform:translateY(32px); transition:opacity 0.65s ease, transform 0.65s ease; }\n .reveal.visible { opacity:1; transform:translateY(0); }\n .reveal-delay-1 { transition-delay:0.1s; }\n .reveal-delay-2 { transition-delay:0.2s; }\n .reveal-delay-3 { transition-delay:0.3s; }\n .reveal-delay-4 { transition-delay:0.4s; }\n .reveal-delay-5 { transition-delay:0.5s; }\n\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(24px); }\n to { opacity:1; transform:translateY(0); }\n }\n\n \/* \u2500\u2500\u2500 SUCCESS MSG \u2500\u2500\u2500 *\/\n .form-success {\n display:none; text-align:center; padding:40px 24px;\n }\n .form-success i { font-size:3rem; color:#1e90ff; margin-bottom:16px; }\n .form-success h3 { font-size:1.4rem; color:var(--dark); margin-bottom:8px; }\n .form-success p { color:var(--muted); font-size:0.92rem; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media(max-width:768px){\n nav { padding:0 5vw; }\n .nav-links { display:none; flex-direction:column; position:absolute; top:70px; left:0; right:0; background:rgba(255,255,255,0.97); padding:20px 5vw; border-bottom:1px solid var(--border); gap:16px; }\n .nav-links.open { display:flex; }\n .hamburger { display:flex; }\n .hero-cards { gap:10px; }\n .hero-card { min-width: 140px; }\n .why-inner { grid-template-columns:1fr; }\n .why-image-wrap { display:none; }\n .stats-grid { grid-template-columns:1fr; }\n .form-row { grid-template-columns:1fr; }\n .check-grid { grid-template-columns:1fr 1fr; }\n .form-wrap { padding:28px 20px; }\n section { padding:64px 5vw; }\n }\n @media(max-width:500px){\n .check-grid { grid-template-columns:1fr; }\n .hero-card { min-width:100%; }\n .hero-cards { flex-direction:column; align-items:center; }\n }\n\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">Expert<span>DigiPro<\/span><\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"#services\"><i class=\"fas fa-grid-2\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Services<\/a><\/li>\n <li><a href=\"#why\"><i class=\"fas fa-shield-halved\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Why Us<\/a><\/li>\n <li><a href=\"#stats\"><i class=\"fas fa-chart-bar\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Results<\/a><\/li>\n <li><a href=\"#contact\"><i class=\"fas fa-phone-flip\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Contact<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"nav-cta\"><i class=\"fab fa-whatsapp\"><\/i> Free Strategy Call<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-glow-1\"><\/div>\n <div class=\"hero-glow-2\"><\/div>\n <canvas id=\"particles\"><\/canvas>\n <div class=\"hero-inner\">\n <div class=\"hero-badge\"><i class=\"fas fa-robot\"><\/i> AI-Powered Digital Growth Agency<\/div>\n <h1 class=\"hero-title\">Grow Your Business Faster<br>with <span class=\"highlight\">AI Powered<\/span><br>Digital Marketing<\/h1>\n <p class=\"hero-sub\">We design high-converting websites, generate quality leads, and scale your business using cutting-edge AI marketing strategies.<\/p>\n <div class=\"hero-btns\">\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary\"><i class=\"fab fa-whatsapp\"><\/i> Get Free Strategy Call<\/a>\n <a href=\"#services\" class=\"btn-outline\"><i class=\"fas fa-compass\"><\/i> Our Services<\/a>\n <\/div>\n <div class=\"hero-cards\">\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-rocket\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">500+<\/div><div class=\"hero-card-label\">Businesses Scaled<\/div><\/div><\/div>\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">10L+<\/div><div class=\"hero-card-label\">Leads Generated<\/div><\/div><\/div>\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-award\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">14+<\/div><div class=\"hero-card-label\">Years Experience<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div id=\"trust\">\n <div class=\"trust-track\" id=\"trustTrack\">\n <div class=\"trust-item\"><i class=\"fas fa-calendar-check\"><\/i> 14+ Years Experience<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-building\"><\/i> 120+ Businesses Served<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-bullseye\"><\/i> Result Driven Campaigns<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-microchip\"><\/i> AI Powered Strategy<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-indian-rupee-sign\"><\/i> \u20b920Cr+ Ad Spend Managed<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Real ROI Focused<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-users\"><\/i> 10L+ Leads Generated<\/div>\n \n <div class=\"trust-item\"><i class=\"fas fa-calendar-check\"><\/i> 14+ Years Experience<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-building\"><\/i> 120+ Businesses Served<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-bullseye\"><\/i> Result Driven Campaigns<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-microchip\"><\/i> AI Powered Strategy<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-indian-rupee-sign\"><\/i> \u20b920Cr+ Ad Spend Managed<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Real ROI Focused<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-users\"><\/i> 10L+ Leads Generated<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"services\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\"><i class=\"fas fa-bolt\"><\/i> What We Do<\/div>\n <h2 class=\"section-title reveal\">Premium AI Marketing Services<\/h2>\n <p class=\"section-sub reveal\">Every service is engineered with AI precision to maximize your ROI and accelerate business growth.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\n <h3>Website Designing<\/h3>\n <p>High-converting, blazing-fast websites built to capture leads and establish your premium digital presence.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fab fa-meta\"><\/i><\/div>\n <h3>Meta Ads Lead Generation<\/h3>\n <p>AI-targeted Facebook & Instagram ads that deliver high-quality leads at the lowest possible cost per acquisition.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fab fa-google\"><\/i><\/div>\n <h3>Google Ads Performance Marketing<\/h3>\n <p>Data-driven Google campaigns with smart bidding strategies to put your brand in front of buyers ready to convert.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-4\">\n <div class=\"service-icon\"><i class=\"fas fa-share-nodes\"><\/i><\/div>\n <h3>Social Media Marketing<\/h3>\n <p>Strategic content, community building and organic growth campaigns that turn followers into loyal customers.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-5\">\n <div class=\"service-icon\"><i class=\"fas fa-magnifying-glass-chart\"><\/i><\/div>\n <h3>SEO Growth Optimization<\/h3>\n <p>Full-funnel SEO strategies with AI-powered keyword research to dominate search rankings and drive organic traffic.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\n <h3>AI Digital Marketing Training<\/h3>\n <p>Master AI tools, automation & advanced digital marketing strategies through our expert-led training programs.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"why-inner\">\n <div class=\"why-image-wrap\">\n <div class=\"why-orb\">\n <div class=\"why-orb-inner\"><i class=\"fas fa-robot\"><\/i><\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"section-tag reveal\"><i class=\"fas fa-star\"><\/i> Why Choose Us<\/div>\n <h2 class=\"section-title reveal\">We Don't Just Market \u2014<br>We <span style=\"color:var(--primary)\">Engineer Growth<\/span><\/h2>\n <p class=\"section-sub reveal\" style=\"margin-bottom:32px;\">Our AI-first approach ensures every rupee you invest works smarter, not harder.<\/p>\n <div class=\"why-list\">\n <div class=\"why-item reveal reveal-delay-1\">\n <div class=\"why-check\"><i class=\"fas fa-crosshairs\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>AI Based Targeting & Automation<\/strong><span>Precision audience targeting powered by machine learning algorithms<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-2\">\n <div class=\"why-check\"><i class=\"fas fa-filter\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>High Conversion Funnel Design<\/strong><span>Custom sales funnels engineered to convert visitors into paying clients<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-3\">\n <div class=\"why-check\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Real ROI Focused Campaigns<\/strong><span>Every campaign tied directly to measurable business outcomes & revenue<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-4\">\n <div class=\"why-check\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Expert Strategy Support<\/strong><span>Dedicated strategists available to guide your growth journey every step<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-5\">\n <div class=\"why-check\"><i class=\"fas fa-gauge-high\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Fast Execution & Reporting<\/strong><span>Live dashboards, weekly reports, and rapid campaign optimizations<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <div class=\"why-check\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>End to End Digital Growth<\/strong><span>From brand building to lead generation to sales \u2014 we cover it all<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"stats\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\" style=\"background:rgba(30,144,255,0.15); border-color:rgba(30,144,255,0.3);\"><i class=\"fas fa-trophy\"><\/i> Our Impact<\/div>\n <h2 class=\"section-title reveal\">Numbers That Speak For Themselves<\/h2>\n <p class=\"section-sub reveal\" style=\"margin:0 auto 52px;\">Real results delivered for real businesses across India and beyond.<\/p>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-card reveal reveal-delay-1\">\n <i class=\"fas fa-rocket\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"500\">0<\/span>\n <div class=\"stat-label\">Businesses Scaled<\/div>\n <\/div>\n <div class=\"stat-card reveal reveal-delay-2\">\n <i class=\"fas fa-users\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"10\" data-suffix=\"L+\">0<\/span>\n <div class=\"stat-label\">Leads Generated<\/div>\n <\/div>\n <div class=\"stat-card reveal reveal-delay-3\">\n <i class=\"fas fa-indian-rupee-sign\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"20\" data-suffix=\"Cr+\">0<\/span>\n <div class=\"stat-label\">Ad Spend Managed<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\"><i class=\"fas fa-paper-plane\"><\/i> Get In Touch<\/div>\n <h2 class=\"section-title reveal\">Request a Free Callback<\/h2>\n <p class=\"section-sub reveal\">Tell us about your business and our expert will get back to you within 24 hours.<\/p>\n <\/div>\n <div class=\"form-wrap reveal\">\n <div id=\"enquiryForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"fname\"><i class=\"fas fa-user\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Full Name *<\/label>\n <input type=\"text\" id=\"fname\" placeholder=\"Your full name\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"fphone\"><i class=\"fas fa-phone\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Phone Number *<\/label>\n <input type=\"tel\" id=\"fphone\" placeholder=\"+91 00000 00000\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"femail\"><i class=\"fas fa-envelope\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Email Address *<\/label>\n <input type=\"email\" id=\"femail\" placeholder=\"you@company.com\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"services-check-label\"><i class=\"fas fa-list-check\" style=\"color:var(--primary);margin-right:6px;\"><\/i> Services Required (Select all that apply)<\/label>\n <div class=\"check-grid\">\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s1\" value=\"Website Designing\"><label for=\"s1\"><i class=\"fas fa-laptop-code\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Website Designing<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s2\" value=\"Meta Ads\"><label for=\"s2\"><i class=\"fab fa-meta\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Meta Ads<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s3\" value=\"Google Ads\"><label for=\"s3\"><i class=\"fab fa-google\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Google Ads<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s4\" value=\"SEO\"><label for=\"s4\"><i class=\"fas fa-magnifying-glass-chart\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>SEO<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s5\" value=\"Social Media Marketing\"><label for=\"s5\"><i class=\"fas fa-share-nodes\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Social Media<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s6\" value=\"AI Training\"><label for=\"s6\"><i class=\"fas fa-brain\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>AI Training<\/label><\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn-submit\" id=\"submitBtn\" onclick=\"submitEnquiry()\">\n <span id=\"btnText\"><i class=\"fas fa-headset\"><\/i> Request Callback<\/span>\n <span id=\"btnLoading\" style=\"display:none;\"><i class=\"fas fa-circle-notch fa-spin\"><\/i> Sending...<\/span>\n <\/button>\n <\/div>\n <div class=\"form-success\" id=\"formSuccess\">\n <i class=\"fas fa-check-circle\"><\/i>\n <h3>We've Got Your Request!<\/h3>\n <p>Thank you for reaching out. Our expert will contact you within 24 hours.<br>Meanwhile, connect with us on WhatsApp for instant support.<\/p>\n <br>\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex;margin:0 auto;\"><i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\">\n <div style=\"position:relative;z-index:1;\">\n <div class=\"section-tag reveal\" style=\"background:rgba(30,144,255,0.2); border-color:rgba(30,144,255,0.4); margin:0 auto 20px;\"><i class=\"fas fa-fire\"><\/i> Limited Spots Available<\/div>\n <div class=\"cta-glow-line\"><\/div>\n <h2 class=\"section-title reveal\" style=\"color:#fff; font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:16px;\">Ready to Scale Your Business<br>with AI?<\/h2>\n <p class=\"section-sub reveal\">Join 500+ businesses already growing with Expert DigiPro's AI marketing strategies.<\/p>\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary reveal\" style=\"margin:0 auto; display:inline-flex; font-size:1.05rem; padding:16px 38px;\">\n <i class=\"fab fa-whatsapp\"><\/i> Talk to Expert Now\n <\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\"><i class=\"fas fa-robot\" style=\"color:var(--primary);margin-right:8px;font-size:1.2rem;\"><\/i>Expert<span>DigiPro<\/span><\/div>\n <div class=\"footer-tagline\"><i class=\"fas fa-microchip\" style=\"margin-right:6px;\"><\/i>AI Powered Digital Marketing Agency \u2014 Grow Smarter. Scale Faster.<\/div>\n <div class=\"footer-bottom\"><i class=\"fas fa-copyright\" style=\"margin-right:4px;\"><\/i>2025 Expert DigiPro. All rights reserved. | <i class=\"fas fa-wand-magic-sparkles\" style=\"margin:0 4px;\"><\/i>Designed with AI Precision.<\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"wa-float\" title=\"Chat on WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n<\/a>\n\n<script>\n\/\/ \u2500\u2500\u2500 PARTICLE CANVAS \u2500\u2500\u2500\nconst canvas = document.getElementById('particles');\nconst ctx = canvas.getContext('2d');\nlet particles = [];\n\nfunction resizeCanvas() {\n canvas.width = canvas.offsetParent?.offsetWidth || window.innerWidth;\n canvas.height = canvas.offsetParent?.offsetHeight || window.innerHeight;\n}\n\nclass Particle {\n constructor() { this.reset(); }\n reset() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2.5 + 0.5;\n this.speedX = (Math.random() - 0.5) * 0.4;\n this.speedY = (Math.random() - 0.5) * 0.4;\n this.opacity = Math.random() * 0.5 + 0.1;\n }\n update() {\n this.x += this.speedX; this.y += this.speedY;\n if (this.x < 0 || this.x > canvas.width || this.y < 0 || this.y > canvas.height) this.reset();\n }\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fillStyle = `rgba(30,144,255,${this.opacity})`;\n ctx.fill();\n }\n}\n\nfunction initParticles() {\n resizeCanvas();\n particles = [];\n const count = Math.floor((canvas.width * canvas.height) \/ 12000);\n for (let i = 0; i < count; i++) particles.push(new Particle());\n}\n\nfunction connectParticles() {\n for (let i = 0; i < particles.length; i++) {\n for (let j = i + 1; j < particles.length; j++) {\n const dx = particles[i].x - particles[j].x;\n const dy = particles[i].y - particles[j].y;\n const dist = Math.sqrt(dx*dx + dy*dy);\n if (dist < 130) {\n ctx.beginPath();\n ctx.strokeStyle = `rgba(30,144,255,${0.08 * (1 - dist\/130)})`;\n ctx.lineWidth = 0.6;\n ctx.moveTo(particles[i].x, particles[i].y);\n ctx.lineTo(particles[j].x, particles[j].y);\n ctx.stroke();\n }\n }\n }\n}\n\nfunction animateParticles() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(p => { p.update(); p.draw(); });\n connectParticles();\n requestAnimationFrame(animateParticles);\n}\n\ninitParticles();\nanimateParticles();\nwindow.addEventListener('resize', initParticles);\n\n\/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\nconst revealEls = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.12 });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ \u2500\u2500\u2500 COUNTER ANIMATION \u2500\u2500\u2500\nfunction animateCounter(el) {\n const target = parseInt(el.dataset.target);\n const suffix = el.dataset.suffix || '+';\n const duration = 1800;\n const step = target \/ (duration \/ 16);\n let current = 0;\n const timer = setInterval(() => {\n current += step;\n if (current >= target) { current = target; clearInterval(timer); }\n el.textContent = Math.floor(current) + suffix;\n }, 16);\n}\n\nconst statNums = document.querySelectorAll('.stat-num');\nconst statObs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { animateCounter(e.target); statObs.unobserve(e.target); } });\n}, { threshold: 0.5 });\nstatNums.forEach(el => statObs.observe(el));\n\n\/\/ \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500\nfunction toggleMenu() {\n document.getElementById('navLinks').classList.toggle('open');\n}\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => document.getElementById('navLinks').classList.remove('open'));\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ WEB3FORMS INTEGRATION \u2014 info@expertdigipro.in\n\/\/ Get your FREE access key at https:\/\/web3forms.com\n\/\/ Enter info@expertdigipro.in \u2192 copy key \u2192 paste in banner\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n\/\/ \u2500\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nasync function submitEnquiry() {\n const name = document.getElementById('fname').value.trim();\n const phone = document.getElementById('fphone').value.trim();\n const email = document.getElementById('femail').value.trim();\n const services = ['s1','s2','s3','s4','s5','s6']\n .filter(id => document.getElementById(id).checked)\n .map(id => document.getElementById(id).value)\n .join(', ') || 'Not specified';\n\n \/\/ Basic validation\n if (!name) { alert('Please enter your full name.'); return; }\n if (!phone) { alert('Please enter your phone number.'); return; }\n if (!email || !email.includes('@')) { alert('Please enter a valid email address.'); return; }\n\n \/\/ Loading state\n const btn = document.getElementById('submitBtn');\n const btnText = document.getElementById('btnText');\n const btnLoad = document.getElementById('btnLoading');\n btn.disabled = true;\n btnText.style.display = 'none';\n btnLoad.style.display = 'inline-flex';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', {\n method : 'POST',\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n body : JSON.stringify({\n access_key : '7a2ff147-2313-4f6b-be00-cb60821d00d8',\n subject : '\ud83d\ude80 New Enquiry \u2014 Expert DigiPro Website',\n from_name : 'Expert DigiPro Website',\n name : name,\n email : email,\n phone : phone,\n services : services,\n message : `New Lead Enquiry!\\n\\nName: ${name}\\nPhone: ${phone}\\nEmail: ${email}\\nServices: ${services}\\n\\nSent from expertdigipro.in`,\n redirect : false\n })\n });\n\n const data = await res.json();\n\n if (data.success) {\n document.getElementById('enquiryForm').style.display = 'none';\n document.getElementById('formSuccess').style.display = 'block';\n document.getElementById('formSuccess').scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n throw new Error(data.message || 'Failed');\n }\n } catch (err) {\n console.error(err);\n alert('\u26a0\ufe0f Something went wrong. Please WhatsApp us directly at +91 84688 60753');\n btn.disabled = false;\n btnText.style.display = 'inline-flex';\n btnLoad.style.display = 'none';\n }\n}\n\n\/\/ \u2500\u2500\u2500 STICKY NAV SHADOW \u2500\u2500\u2500\nwindow.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n nav.style.boxShadow = window.scrollY > 40 ? '0 4px 30px rgba(30,144,255,0.10)' : '0 2px 20px rgba(30,144,255,0.06)';\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Expert DigiPro \u2013 AI Powered Digital Marketing Agency ExpertDigiPro Services Why Us Results Contact Free Strategy Call AI-Powered Digital Growth Agency Grow Your Business Fasterwith AI PoweredDigital Marketing We design high-converting websites, generate quality leads, and scale your business using cutting-edge AI marketing strategies. Get Free Strategy Call Our Services 500+Businesses Scaled 10L+Leads Generated 14+Years […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":30,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2633,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7\/revisions\/2633"}],"wp:attachment":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nExpert DigiPro \u2013 AI Powered Digital Marketing Agency<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n :root {\n --primary: #1e90ff;\n --primary-dark: #0c6fcc;\n --primary-glow: rgba(30, 144, 255, 0.35);\n --white: #ffffff;\n --bg: #f8faff;\n --dark: #0a0f1e;\n --dark2: #111827;\n --text: #1a2340;\n --muted: #5a6a8a;\n --card-bg: rgba(255,255,255,0.85);\n --border: rgba(30,144,255,0.15);\n --glass: rgba(255,255,255,0.6);\n --shadow: 0 8px 40px rgba(30,144,255,0.10);\n --shadow-hover: 0 16px 60px rgba(30,144,255,0.22);\n --radius: 18px;\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Roboto', sans-serif;\n background: var(--bg);\n color: var(--text);\n overflow-x: hidden;\n line-height: 1.65;\n }\n\n h1,h2,h3,h4 { font-family: 'Roboto', sans-serif; }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top:0; left:0; right:0; z-index:999;\n display: flex; align-items:center; justify-content:space-between;\n padding: 0 6vw;\n height: 70px;\n background: rgba(255,255,255,0.80);\n backdrop-filter: blur(18px);\n border-bottom: 1px solid var(--border);\n box-shadow: 0 2px 20px rgba(30,144,255,0.06);\n transition: all 0.3s;\n }\n .nav-logo {\n font-family: 'Roboto', sans-serif;\n text-decoration: none;\n letter-spacing: -0.5px;\n }\n .nav-logo span { color: var(--primary); }\n .nav-links { display:flex; gap:28px; list-style:none; }\n .nav-links a {\n font-size: 0.88rem;\n font-weight: 500;\n color: var(--muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n .nav-links a:hover { color: var(--primary); }\n .nav-cta {\n background: var(--primary);\n color: #fff !important;\n padding: 9px 22px;\n border-radius: 50px;\n font-weight: 600 !important;\n box-shadow: 0 4px 18px var(--primary-glow);\n transition: transform 0.2s, box-shadow 0.2s !important;\n }\n .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 28px var(--primary-glow) !important; }\n .hamburger { display:none; cursor:pointer; flex-direction:column; gap:5px; }\n .hamburger span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:0.3s; }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n #hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 120px 6vw 80px;\n overflow: hidden;\n background: linear-gradient(145deg, #f0f6ff 0%, #ffffff 50%, #e8f4ff 100%);\n }\n .hero-canvas { position:absolute; inset:0; z-index:0; }\n .hero-glow-1 {\n position: absolute; width:600px; height:600px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.12) 0%, transparent 70%);\n top: -100px; left: -100px; animation: gfloat 8s ease-in-out infinite;\n }\n .hero-glow-2 {\n position: absolute; width:400px; height:400px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.09) 0%, transparent 70%);\n bottom: -80px; right: -80px; animation: gfloat 10s ease-in-out infinite reverse;\n }\n @keyframes gfloat {\n 0%,100% { transform: translateY(0) scale(1); }\n 50% { transform: translateY(-30px) scale(1.05); }\n }\n .hero-inner { position:relative; z-index:1; max-width: 820px; }\n .hero-badge {\n display: inline-flex; align-items:center; gap:8px;\n background: var(--glass);\n border: 1px solid var(--border);\n backdrop-filter: blur(10px);\n border-radius: 50px;\n padding: 7px 18px;\n font-size: 0.80rem;\n font-weight: 600;\n color: var(--primary);\n letter-spacing: 0.5px;\n margin-bottom: 24px;\n animation: fadeUp 0.7s ease both;\n }\n .hero-badge i { font-size: 0.75rem; }\n h1.hero-title {\n font-size: clamp(2.2rem, 5.5vw, 4rem);\n font-weight: 800;\n line-height: 1.15;\n color: var(--dark);\n margin-bottom: 20px;\n animation: fadeUp 0.8s 0.1s ease both;\n }\n h1.hero-title .highlight {\n background: linear-gradient(90deg, #1e90ff, #38beff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .hero-sub {\n font-size: clamp(1rem, 2vw, 1.15rem);\n color: var(--muted);\n max-width: 600px;\n margin: 0 auto 36px;\n animation: fadeUp 0.8s 0.2s ease both;\n }\n .hero-btns {\n display: flex; gap:14px; justify-content:center; flex-wrap:wrap;\n animation: fadeUp 0.8s 0.3s ease both;\n }\n .btn-primary {\n display: inline-flex; align-items:center; gap:10px;\n background: var(--primary);\n color: #fff;\n padding: 15px 32px;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1rem;\n text-decoration: none;\n box-shadow: 0 6px 28px var(--primary-glow);\n transition: transform 0.25s, box-shadow 0.25s;\n position: relative;\n overflow: hidden;\n }\n .btn-primary::after {\n content:''; position:absolute; inset:0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\n transform: translateX(-100%);\n transition: transform 0.5s;\n }\n .btn-primary:hover { transform:translateY(-3px); box-shadow:0 12px 40px var(--primary-glow); }\n .btn-primary:hover::after { transform: translateX(100%); }\n .btn-outline {\n display: inline-flex; align-items:center; gap:10px;\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 13px 28px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: background 0.25s, color 0.25s, transform 0.25s;\n }\n .btn-outline:hover { background:var(--primary); color:#fff; transform:translateY(-3px); }\n\n \/* Hero floating cards *\/\n .hero-cards {\n display: flex; gap:12px; justify-content:center; margin-top:48px;\n flex-wrap:wrap;\n animation: fadeUp 0.8s 0.5s ease both;\n }\n .hero-card {\n background: var(--card-bg);\n backdrop-filter: blur(16px);\n border: 1px solid var(--border);\n border-radius: 14px;\n padding: 14px 20px;\n display: flex; align-items:center; gap:12px;\n box-shadow: var(--shadow);\n transition: transform 0.3s;\n min-width: 170px;\n }\n .hero-card:hover { transform:translateY(-4px); }\n .hero-card-icon {\n width:42px; height:42px; border-radius:10px;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(30,144,255,0.05));\n display:flex; align-items:center; justify-content:center;\n color: var(--primary); font-size:1.1rem;\n }\n .hero-card-text { text-align:left; }\n .hero-card-num { font-family:'Roboto',sans-serif; font-weight:800; font-size:1.1rem; color:var(--dark); }\n .hero-card-label { font-size:0.72rem; color:var(--muted); font-weight:500; }\n\n \/* \u2500\u2500\u2500 TRUST BAR \u2500\u2500\u2500 *\/\n #trust {\n background: var(--dark);\n padding: 22px 6vw;\n overflow: hidden;\n }\n .trust-track {\n display: flex; gap:0;\n animation: marquee 30s linear infinite;\n white-space: nowrap;\n }\n .trust-track:hover { animation-play-state: paused; }\n .trust-item {\n display: inline-flex; align-items:center; gap:10px;\n padding: 0 40px;\n color: rgba(255,255,255,0.85);\n font-size: 0.90rem;\n font-weight: 500;\n border-right: 1px solid rgba(255,255,255,0.1);\n flex-shrink: 0;\n }\n .trust-item i { color: var(--primary); font-size:1rem; }\n @keyframes marquee {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\n section { padding: 90px 6vw; }\n .section-tag {\n display: inline-flex; align-items:center; gap:7px;\n background: rgba(30,144,255,0.08);\n border: 1px solid rgba(30,144,255,0.2);\n color: var(--primary);\n font-size:0.78rem;\n font-weight: 700;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 50px;\n text-transform: uppercase;\n margin-bottom:16px;\n }\n .section-title {\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n font-weight: 800;\n color: var(--dark);\n line-height: 1.2;\n margin-bottom: 14px;\n }\n .section-sub {\n color: var(--muted);\n font-size:1rem;\n max-width: 580px;\n margin-bottom: 52px;\n }\n .section-header { text-align:center; }\n .section-header .section-sub { margin: 0 auto 52px; }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n #services { background: #fff; }\n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 24px;\n max-width: 1100px;\n margin: 0 auto;\n }\n .service-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 36px 30px;\n box-shadow: var(--shadow);\n transition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.35s, border-color 0.35s;\n cursor: default;\n position: relative;\n overflow: hidden;\n }\n .service-card::before {\n content:''; position:absolute; top:0; left:0; right:0; height:3px;\n background: linear-gradient(90deg, var(--primary), #38beff);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.35s ease;\n }\n .service-card:hover { transform:translateY(-8px) scale(1.01); box-shadow:var(--shadow-hover); border-color: rgba(30,144,255,0.3); }\n .service-card:hover::before { transform: scaleX(1); }\n .service-icon {\n width:58px; height:58px; border-radius:14px;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(30,144,255,0.04));\n display:flex; align-items:center; justify-content:center;\n font-size:1.55rem; color:var(--primary);\n margin-bottom:20px;\n transition: background 0.3s, transform 0.3s;\n }\n .service-card:hover .service-icon { background: linear-gradient(135deg, rgba(30,144,255,0.22), rgba(30,144,255,0.10)); transform:scale(1.1); }\n .service-card h3 { font-size:1.1rem; font-weight:700; color:var(--dark); margin-bottom:10px; }\n .service-card p { font-size:0.88rem; color:var(--muted); line-height:1.6; }\n .service-arrow {\n display:inline-flex; align-items:center; gap:6px;\n margin-top:18px;\n color:var(--primary); font-size:0.82rem; font-weight:600;\n opacity:0; transform: translateX(-8px);\n transition: opacity 0.3s, transform 0.3s;\n }\n .service-card:hover .service-arrow { opacity:1; transform:translateX(0); }\n\n \/* \u2500\u2500\u2500 WHY CHOOSE US \u2500\u2500\u2500 *\/\n #why {\n background: linear-gradient(145deg, #f0f6ff 0%, #ffffff 100%);\n position: relative;\n overflow: hidden;\n }\n #why::before {\n content:''; position:absolute; right:-100px; top:-100px;\n width:400px; height:400px; border-radius:50%;\n background: radial-gradient(circle, rgba(30,144,255,0.07) 0%, transparent 70%);\n }\n .why-inner {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .why-image-wrap {\n position: relative;\n display:flex; align-items:center; justify-content:center;\n }\n .why-orb {\n width: 360px; height: 360px; border-radius: 50%;\n background: linear-gradient(135deg, rgba(30,144,255,0.12), rgba(56,190,255,0.06));\n display: flex; align-items:center; justify-content:center;\n position:relative;\n animation: pulse-ring 4s ease-in-out infinite;\n }\n @keyframes pulse-ring {\n 0%,100% { box-shadow: 0 0 0 0 rgba(30,144,255,0.12), 0 0 0 20px rgba(30,144,255,0.05); }\n 50% { box-shadow: 0 0 0 20px rgba(30,144,255,0.07), 0 0 0 40px rgba(30,144,255,0.03); }\n }\n .why-orb-inner {\n width:240px; height:240px; border-radius:50%;\n background: linear-gradient(135deg, #1e90ff, #38beff);\n display:flex; align-items:center; justify-content:center;\n box-shadow: 0 20px 60px rgba(30,144,255,0.35);\n font-size:4rem; color:#fff;\n }\n .why-list { display:flex; flex-direction:column; gap:16px; }\n .why-item {\n display:flex; align-items:flex-start; gap:14px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 18px 20px;\n box-shadow: 0 4px 16px rgba(30,144,255,0.07);\n transition: transform 0.25s, box-shadow 0.25s;\n }\n .why-item:hover { transform:translateX(6px); box-shadow: 0 8px 28px rgba(30,144,255,0.12); }\n .why-check {\n width:32px; height:32px; border-radius:8px; flex-shrink:0;\n background: linear-gradient(135deg, #1e90ff, #38beff);\n display:flex; align-items:center; justify-content:center;\n color:#fff; font-size:0.8rem;\n }\n .why-item-text strong { font-size:0.95rem; font-weight:700; color:var(--dark); display:block; margin-bottom:2px; }\n .why-item-text span { font-size:0.80rem; color:var(--muted); }\n\n \/* \u2500\u2500\u2500 STATS \u2500\u2500\u2500 *\/\n #stats {\n background: var(--dark);\n position: relative;\n overflow: hidden;\n text-align:center;\n }\n #stats::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse at center, rgba(30,144,255,0.15) 0%, transparent 70%);\n }\n .stats-grid {\n display:grid; grid-template-columns:repeat(3,1fr); gap:32px;\n max-width:900px; margin:0 auto;\n position:relative; z-index:1;\n }\n .stat-card {\n padding: 40px 24px;\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius);\n background: rgba(255,255,255,0.04);\n backdrop-filter: blur(10px);\n transition: border-color 0.3s, background 0.3s;\n }\n .stat-card:hover { border-color: rgba(30,144,255,0.4); background:rgba(30,144,255,0.07); }\n .stat-num {\n font-family: 'Roboto', sans-serif;\n font-size: clamp(2.2rem, 4vw, 3.2rem);\n font-weight: 900;\n background: linear-gradient(90deg, #fff, #38beff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n display:block;\n margin-bottom:8px;\n }\n .stat-label { color: rgba(255,255,255,0.55); font-size:0.90rem; font-weight:500; }\n #stats .section-title { color:#fff; }\n #stats .section-sub { color:rgba(255,255,255,0.5); }\n\n \/* \u2500\u2500\u2500 FORM \u2500\u2500\u2500 *\/\n #contact { background:#fff; }\n .form-wrap {\n max-width: 720px; margin: 0 auto;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 24px;\n padding: 48px 44px;\n box-shadow: 0 20px 60px rgba(30,144,255,0.10);\n }\n .form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }\n .form-group { margin-bottom:18px; display:flex; flex-direction:column; }\n .form-group label {\n font-size:0.82rem; font-weight:600; color:var(--muted);\n margin-bottom:7px; letter-spacing:0.3px;\n }\n .form-group input, .form-group select {\n border: 1.5px solid #e0e8f8;\n border-radius: 10px;\n padding: 12px 16px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.92rem;\n color: var(--text);\n background: #f8faff;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline:none;\n }\n .form-group input:focus, .form-group select:focus {\n border-color: var(--primary);\n box-shadow: 0 0 0 3px rgba(30,144,255,0.10);\n background:#fff;\n }\n .services-check-label {\n font-size:0.82rem; font-weight:600; color:var(--muted);\n margin-bottom:12px; display:block;\n }\n .check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:22px; }\n .check-item {\n display:flex; align-items:center; gap:8px;\n background:#f0f6ff; border:1.5px solid #dce9ff;\n border-radius:8px; padding:10px 12px; cursor:pointer;\n transition:border-color 0.2s, background 0.2s;\n }\n .check-item input[type=checkbox] { accent-color: var(--primary); width:15px; height:15px; cursor:pointer; }\n .check-item label { font-size:0.80rem; font-weight:500; color:var(--text); cursor:pointer; }\n .check-item:has(input:checked) { border-color:var(--primary); background:rgba(30,144,255,0.07); }\n .btn-submit {\n width:100%; padding:16px; border-radius:50px;\n background: linear-gradient(90deg, #1e90ff, #38beff);\n color:#fff; font-family:'Roboto',sans-serif;\n font-size:1rem; font-weight:700;\n border:none; cursor:pointer;\n box-shadow: 0 8px 28px rgba(30,144,255,0.30);\n transition: transform 0.25s, box-shadow 0.25s;\n letter-spacing:0.3px;\n position:relative; overflow:hidden;\n }\n .btn-submit::after {\n content:''; position:absolute; inset:0;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n transform:translateX(-100%); transition:transform 0.5s;\n }\n .btn-submit:hover { transform:translateY(-3px); box-shadow:0 14px 40px rgba(30,144,255,0.38); }\n .btn-submit:hover::after { transform:translateX(100%); }\n\n \/* \u2500\u2500\u2500 FINAL CTA \u2500\u2500\u2500 *\/\n #cta {\n background: linear-gradient(135deg, #0a1628 0%, #0c2550 50%, #0a1628 100%);\n text-align:center; position:relative; overflow:hidden;\n }\n #cta::before {\n content:''; position:absolute; inset:0;\n background: radial-gradient(ellipse at 50% 50%, rgba(30,144,255,0.20) 0%, transparent 65%);\n }\n #cta .section-title { color:#fff; }\n #cta .section-sub { color:rgba(255,255,255,0.55); margin:0 auto 40px; }\n .cta-glow-line {\n width:160px; height:3px; border-radius:2px;\n background: linear-gradient(90deg, transparent, #1e90ff, transparent);\n margin: 0 auto 24px;\n }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--dark2);\n padding: 44px 6vw 28px;\n text-align:center;\n }\n .footer-logo {\n font-family:'Roboto',sans-serif; font-weight:800;\n font-size:1.4rem; color:#fff; margin-bottom:12px;\n }\n .footer-logo span { color:var(--primary); }\n .footer-tagline { color:rgba(255,255,255,0.40); font-size:0.83rem; margin-bottom:20px; }\n .footer-email a {\n color:rgba(255,255,255,0.65); font-size:0.88rem;\n text-decoration:none; transition:color 0.2s;\n }\n .footer-email a:hover { color:var(--primary); }\n .footer-socials {\n display:flex; gap:14px; justify-content:center; margin:20px 0;\n }\n .social-icon {\n width:38px; height:38px; border-radius:50%;\n background: rgba(255,255,255,0.07);\n border:1px solid rgba(255,255,255,0.12);\n display:flex; align-items:center; justify-content:center;\n color:rgba(255,255,255,0.60); font-size:0.85rem;\n text-decoration:none;\n transition: background 0.25s, color 0.25s, border-color 0.25s;\n }\n .social-icon:hover { background:var(--primary); color:#fff; border-color:var(--primary); }\n .footer-bottom {\n border-top:1px solid rgba(255,255,255,0.08);\n padding-top:20px; margin-top:20px;\n color:rgba(255,255,255,0.28); font-size:0.78rem;\n }\n\n \/* \u2500\u2500\u2500 WHATSAPP FLOAT \u2500\u2500\u2500 *\/\n .wa-float {\n position:fixed; bottom:28px; right:28px; z-index:9999;\n width:58px; height:58px; border-radius:50%;\n background: linear-gradient(135deg, #25d366, #1abe57);\n display:flex; align-items:center; justify-content:center;\n color:#fff; font-size:1.5rem;\n box-shadow: 0 8px 28px rgba(37,211,102,0.45);\n text-decoration:none;\n transition:transform 0.25s, box-shadow 0.25s;\n animation: wa-bounce 3s ease-in-out 2s infinite;\n }\n .wa-float:hover { transform:scale(1.12); box-shadow:0 14px 40px rgba(37,211,102,0.55); animation:none; }\n @keyframes wa-bounce {\n 0%,100% { transform:translateY(0) scale(1); }\n 50% { transform:translateY(-6px) scale(1.04); }\n }\n\n \/* \u2500\u2500\u2500 PARTICLES \u2500\u2500\u2500 *\/\n #particles { position:absolute; inset:0; z-index:0; pointer-events:none; }\n\n \/* \u2500\u2500\u2500 SCROLL ANIMATION \u2500\u2500\u2500 *\/\n .reveal { opacity:0; transform:translateY(32px); transition:opacity 0.65s ease, transform 0.65s ease; }\n .reveal.visible { opacity:1; transform:translateY(0); }\n .reveal-delay-1 { transition-delay:0.1s; }\n .reveal-delay-2 { transition-delay:0.2s; }\n .reveal-delay-3 { transition-delay:0.3s; }\n .reveal-delay-4 { transition-delay:0.4s; }\n .reveal-delay-5 { transition-delay:0.5s; }\n\n @keyframes fadeUp {\n from { opacity:0; transform:translateY(24px); }\n to { opacity:1; transform:translateY(0); }\n }\n\n \/* \u2500\u2500\u2500 SUCCESS MSG \u2500\u2500\u2500 *\/\n .form-success {\n display:none; text-align:center; padding:40px 24px;\n }\n .form-success i { font-size:3rem; color:#1e90ff; margin-bottom:16px; }\n .form-success h3 { font-size:1.4rem; color:var(--dark); margin-bottom:8px; }\n .form-success p { color:var(--muted); font-size:0.92rem; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media(max-width:768px){\n nav { padding:0 5vw; }\n .nav-links { display:none; flex-direction:column; position:absolute; top:70px; left:0; right:0; background:rgba(255,255,255,0.97); padding:20px 5vw; border-bottom:1px solid var(--border); gap:16px; }\n .nav-links.open { display:flex; }\n .hamburger { display:flex; }\n .hero-cards { gap:10px; }\n .hero-card { min-width: 140px; }\n .why-inner { grid-template-columns:1fr; }\n .why-image-wrap { display:none; }\n .stats-grid { grid-template-columns:1fr; }\n .form-row { grid-template-columns:1fr; }\n .check-grid { grid-template-columns:1fr 1fr; }\n .form-wrap { padding:28px 20px; }\n section { padding:64px 5vw; }\n }\n @media(max-width:500px){\n .check-grid { grid-template-columns:1fr; }\n .hero-card { min-width:100%; }\n .hero-cards { flex-direction:column; align-items:center; }\n }\n\n<\/style>\n<\/head>\n<body>\n\n\n<nav id=\"navbar\">\n <a href=\"#\" class=\"nav-logo\">Expert<span>DigiPro<\/span><\/a>\n <ul class=\"nav-links\" id=\"navLinks\">\n <li><a href=\"#services\"><i class=\"fas fa-grid-2\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Services<\/a><\/li>\n <li><a href=\"#why\"><i class=\"fas fa-shield-halved\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Why Us<\/a><\/li>\n <li><a href=\"#stats\"><i class=\"fas fa-chart-bar\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Results<\/a><\/li>\n <li><a href=\"#contact\"><i class=\"fas fa-phone-flip\" style=\"font-size:0.75rem;opacity:0.7\"><\/i> Contact<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"nav-cta\"><i class=\"fab fa-whatsapp\"><\/i> Free Strategy Call<\/a><\/li>\n <\/ul>\n <div class=\"hamburger\" id=\"hamburger\" onclick=\"toggleMenu()\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n<\/nav>\n\n\n<section id=\"hero\">\n <div class=\"hero-glow-1\"><\/div>\n <div class=\"hero-glow-2\"><\/div>\n <canvas id=\"particles\"><\/canvas>\n <div class=\"hero-inner\">\n <div class=\"hero-badge\"><i class=\"fas fa-robot\"><\/i> AI-Powered Digital Growth Agency<\/div>\n <h1 class=\"hero-title\">Grow Your Business Faster<br>with <span class=\"highlight\">AI Powered<\/span><br>Digital Marketing<\/h1>\n <p class=\"hero-sub\">We design high-converting websites, generate quality leads, and scale your business using cutting-edge AI marketing strategies.<\/p>\n <div class=\"hero-btns\">\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary\"><i class=\"fab fa-whatsapp\"><\/i> Get Free Strategy Call<\/a>\n <a href=\"#services\" class=\"btn-outline\"><i class=\"fas fa-compass\"><\/i> Our Services<\/a>\n <\/div>\n <div class=\"hero-cards\">\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-rocket\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">500+<\/div><div class=\"hero-card-label\">Businesses Scaled<\/div><\/div><\/div>\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">10L+<\/div><div class=\"hero-card-label\">Leads Generated<\/div><\/div><\/div>\n <div class=\"hero-card\"><div class=\"hero-card-icon\"><i class=\"fas fa-award\"><\/i><\/div><div class=\"hero-card-text\"><div class=\"hero-card-num\">14+<\/div><div class=\"hero-card-label\">Years Experience<\/div><\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div id=\"trust\">\n <div class=\"trust-track\" id=\"trustTrack\">\n <div class=\"trust-item\"><i class=\"fas fa-calendar-check\"><\/i> 14+ Years Experience<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-building\"><\/i> 120+ Businesses Served<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-bullseye\"><\/i> Result Driven Campaigns<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-microchip\"><\/i> AI Powered Strategy<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-indian-rupee-sign\"><\/i> \u20b920Cr+ Ad Spend Managed<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Real ROI Focused<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-users\"><\/i> 10L+ Leads Generated<\/div>\n \n <div class=\"trust-item\"><i class=\"fas fa-calendar-check\"><\/i> 14+ Years Experience<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-building\"><\/i> 120+ Businesses Served<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-bullseye\"><\/i> Result Driven Campaigns<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-microchip\"><\/i> AI Powered Strategy<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-indian-rupee-sign\"><\/i> \u20b920Cr+ Ad Spend Managed<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-arrow-trend-up\"><\/i> Real ROI Focused<\/div>\n <div class=\"trust-item\"><i class=\"fas fa-users\"><\/i> 10L+ Leads Generated<\/div>\n <\/div>\n<\/div>\n\n\n<section id=\"services\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\"><i class=\"fas fa-bolt\"><\/i> What We Do<\/div>\n <h2 class=\"section-title reveal\">Premium AI Marketing Services<\/h2>\n <p class=\"section-sub reveal\">Every service is engineered with AI precision to maximize your ROI and accelerate business growth.<\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\n <h3>Website Designing<\/h3>\n <p>High-converting, blazing-fast websites built to capture leads and establish your premium digital presence.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-2\">\n <div class=\"service-icon\"><i class=\"fab fa-meta\"><\/i><\/div>\n <h3>Meta Ads Lead Generation<\/h3>\n <p>AI-targeted Facebook & Instagram ads that deliver high-quality leads at the lowest possible cost per acquisition.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-3\">\n <div class=\"service-icon\"><i class=\"fab fa-google\"><\/i><\/div>\n <h3>Google Ads Performance Marketing<\/h3>\n <p>Data-driven Google campaigns with smart bidding strategies to put your brand in front of buyers ready to convert.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-4\">\n <div class=\"service-icon\"><i class=\"fas fa-share-nodes\"><\/i><\/div>\n <h3>Social Media Marketing<\/h3>\n <p>Strategic content, community building and organic growth campaigns that turn followers into loyal customers.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-5\">\n <div class=\"service-icon\"><i class=\"fas fa-magnifying-glass-chart\"><\/i><\/div>\n <h3>SEO Growth Optimization<\/h3>\n <p>Full-funnel SEO strategies with AI-powered keyword research to dominate search rankings and drive organic traffic.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <div class=\"service-card reveal reveal-delay-1\">\n <div class=\"service-icon\"><i class=\"fas fa-brain\"><\/i><\/div>\n <h3>AI Digital Marketing Training<\/h3>\n <p>Master AI tools, automation & advanced digital marketing strategies through our expert-led training programs.<\/p>\n <div class=\"service-arrow\"><i class=\"fas fa-arrow-right\"><\/i> Explore<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"why\">\n <div class=\"why-inner\">\n <div class=\"why-image-wrap\">\n <div class=\"why-orb\">\n <div class=\"why-orb-inner\"><i class=\"fas fa-robot\"><\/i><\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"section-tag reveal\"><i class=\"fas fa-star\"><\/i> Why Choose Us<\/div>\n <h2 class=\"section-title reveal\">We Don't Just Market \u2014<br>We <span style=\"color:var(--primary)\">Engineer Growth<\/span><\/h2>\n <p class=\"section-sub reveal\" style=\"margin-bottom:32px;\">Our AI-first approach ensures every rupee you invest works smarter, not harder.<\/p>\n <div class=\"why-list\">\n <div class=\"why-item reveal reveal-delay-1\">\n <div class=\"why-check\"><i class=\"fas fa-crosshairs\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>AI Based Targeting & Automation<\/strong><span>Precision audience targeting powered by machine learning algorithms<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-2\">\n <div class=\"why-check\"><i class=\"fas fa-filter\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>High Conversion Funnel Design<\/strong><span>Custom sales funnels engineered to convert visitors into paying clients<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-3\">\n <div class=\"why-check\"><i class=\"fas fa-coins\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Real ROI Focused Campaigns<\/strong><span>Every campaign tied directly to measurable business outcomes & revenue<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-4\">\n <div class=\"why-check\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Expert Strategy Support<\/strong><span>Dedicated strategists available to guide your growth journey every step<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-5\">\n <div class=\"why-check\"><i class=\"fas fa-gauge-high\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>Fast Execution & Reporting<\/strong><span>Live dashboards, weekly reports, and rapid campaign optimizations<\/span><\/div>\n <\/div>\n <div class=\"why-item reveal reveal-delay-1\">\n <div class=\"why-check\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"why-item-text\"><strong>End to End Digital Growth<\/strong><span>From brand building to lead generation to sales \u2014 we cover it all<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"stats\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\" style=\"background:rgba(30,144,255,0.15); border-color:rgba(30,144,255,0.3);\"><i class=\"fas fa-trophy\"><\/i> Our Impact<\/div>\n <h2 class=\"section-title reveal\">Numbers That Speak For Themselves<\/h2>\n <p class=\"section-sub reveal\" style=\"margin:0 auto 52px;\">Real results delivered for real businesses across India and beyond.<\/p>\n <\/div>\n <div class=\"stats-grid\">\n <div class=\"stat-card reveal reveal-delay-1\">\n <i class=\"fas fa-rocket\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"500\">0<\/span>\n <div class=\"stat-label\">Businesses Scaled<\/div>\n <\/div>\n <div class=\"stat-card reveal reveal-delay-2\">\n <i class=\"fas fa-users\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"10\" data-suffix=\"L+\">0<\/span>\n <div class=\"stat-label\">Leads Generated<\/div>\n <\/div>\n <div class=\"stat-card reveal reveal-delay-3\">\n <i class=\"fas fa-indian-rupee-sign\" style=\"font-size:2rem; color:var(--primary); margin-bottom:12px; display:block;\"><\/i>\n <span class=\"stat-num\" data-target=\"20\" data-suffix=\"Cr+\">0<\/span>\n <div class=\"stat-label\">Ad Spend Managed<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"section-header\">\n <div class=\"section-tag reveal\"><i class=\"fas fa-paper-plane\"><\/i> Get In Touch<\/div>\n <h2 class=\"section-title reveal\">Request a Free Callback<\/h2>\n <p class=\"section-sub reveal\">Tell us about your business and our expert will get back to you within 24 hours.<\/p>\n <\/div>\n <div class=\"form-wrap reveal\">\n <div id=\"enquiryForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"fname\"><i class=\"fas fa-user\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Full Name *<\/label>\n <input type=\"text\" id=\"fname\" placeholder=\"Your full name\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"fphone\"><i class=\"fas fa-phone\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Phone Number *<\/label>\n <input type=\"tel\" id=\"fphone\" placeholder=\"+91 00000 00000\">\n <\/div>\n <\/div>\n <div class=\"form-group\">\n <label for=\"femail\"><i class=\"fas fa-envelope\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i> Email Address *<\/label>\n <input type=\"email\" id=\"femail\" placeholder=\"you@company.com\">\n <\/div>\n <div class=\"form-group\">\n <label class=\"services-check-label\"><i class=\"fas fa-list-check\" style=\"color:var(--primary);margin-right:6px;\"><\/i> Services Required (Select all that apply)<\/label>\n <div class=\"check-grid\">\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s1\" value=\"Website Designing\"><label for=\"s1\"><i class=\"fas fa-laptop-code\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Website Designing<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s2\" value=\"Meta Ads\"><label for=\"s2\"><i class=\"fab fa-meta\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Meta Ads<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s3\" value=\"Google Ads\"><label for=\"s3\"><i class=\"fab fa-google\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Google Ads<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s4\" value=\"SEO\"><label for=\"s4\"><i class=\"fas fa-magnifying-glass-chart\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>SEO<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s5\" value=\"Social Media Marketing\"><label for=\"s5\"><i class=\"fas fa-share-nodes\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>Social Media<\/label><\/div>\n <div class=\"check-item\"><input type=\"checkbox\" id=\"s6\" value=\"AI Training\"><label for=\"s6\"><i class=\"fas fa-brain\" style=\"color:var(--primary);margin-right:5px;font-size:0.75rem;\"><\/i>AI Training<\/label><\/div>\n <\/div>\n <\/div>\n <button type=\"button\" class=\"btn-submit\" id=\"submitBtn\" onclick=\"submitEnquiry()\">\n <span id=\"btnText\"><i class=\"fas fa-headset\"><\/i> Request Callback<\/span>\n <span id=\"btnLoading\" style=\"display:none;\"><i class=\"fas fa-circle-notch fa-spin\"><\/i> Sending...<\/span>\n <\/button>\n <\/div>\n <div class=\"form-success\" id=\"formSuccess\">\n <i class=\"fas fa-check-circle\"><\/i>\n <h3>We've Got Your Request!<\/h3>\n <p>Thank you for reaching out. Our expert will contact you within 24 hours.<br>Meanwhile, connect with us on WhatsApp for instant support.<\/p>\n <br>\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary\" style=\"display:inline-flex;margin:0 auto;\"><i class=\"fab fa-whatsapp\"><\/i> Chat on WhatsApp<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"cta\">\n <div style=\"position:relative;z-index:1;\">\n <div class=\"section-tag reveal\" style=\"background:rgba(30,144,255,0.2); border-color:rgba(30,144,255,0.4); margin:0 auto 20px;\"><i class=\"fas fa-fire\"><\/i> Limited Spots Available<\/div>\n <div class=\"cta-glow-line\"><\/div>\n <h2 class=\"section-title reveal\" style=\"color:#fff; font-size:clamp(1.8rem,4vw,2.8rem); margin-bottom:16px;\">Ready to Scale Your Business<br>with AI?<\/h2>\n <p class=\"section-sub reveal\">Join 500+ businesses already growing with Expert DigiPro's AI marketing strategies.<\/p>\n <a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"btn-primary reveal\" style=\"margin:0 auto; display:inline-flex; font-size:1.05rem; padding:16px 38px;\">\n <i class=\"fab fa-whatsapp\"><\/i> Talk to Expert Now\n <\/a>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\"><i class=\"fas fa-robot\" style=\"color:var(--primary);margin-right:8px;font-size:1.2rem;\"><\/i>Expert<span>DigiPro<\/span><\/div>\n <div class=\"footer-tagline\"><i class=\"fas fa-microchip\" style=\"margin-right:6px;\"><\/i>AI Powered Digital Marketing Agency \u2014 Grow Smarter. Scale Faster.<\/div>\n <div class=\"footer-bottom\"><i class=\"fas fa-copyright\" style=\"margin-right:4px;\"><\/i>2025 Expert DigiPro. All rights reserved. | <i class=\"fas fa-wand-magic-sparkles\" style=\"margin:0 4px;\"><\/i>Designed with AI Precision.<\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/918468860753\" target=\"_blank\" class=\"wa-float\" title=\"Chat on WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n<\/a>\n\n<script>\n\/\/ \u2500\u2500\u2500 PARTICLE CANVAS \u2500\u2500\u2500\nconst canvas = document.getElementById('particles');\nconst ctx = canvas.getContext('2d');\nlet particles = [];\n\nfunction resizeCanvas() {\n canvas.width = canvas.offsetParent?.offsetWidth || window.innerWidth;\n canvas.height = canvas.offsetParent?.offsetHeight || window.innerHeight;\n}\n\nclass Particle {\n constructor() { this.reset(); }\n reset() {\n this.x = Math.random() * canvas.width;\n this.y = Math.random() * canvas.height;\n this.size = Math.random() * 2.5 + 0.5;\n this.speedX = (Math.random() - 0.5) * 0.4;\n this.speedY = (Math.random() - 0.5) * 0.4;\n this.opacity = Math.random() * 0.5 + 0.1;\n }\n update() {\n this.x += this.speedX; this.y += this.speedY;\n if (this.x < 0 || this.x > canvas.width || this.y < 0 || this.y > canvas.height) this.reset();\n }\n draw() {\n ctx.beginPath();\n ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\n ctx.fillStyle = `rgba(30,144,255,${this.opacity})`;\n ctx.fill();\n }\n}\n\nfunction initParticles() {\n resizeCanvas();\n particles = [];\n const count = Math.floor((canvas.width * canvas.height) \/ 12000);\n for (let i = 0; i < count; i++) particles.push(new Particle());\n}\n\nfunction connectParticles() {\n for (let i = 0; i < particles.length; i++) {\n for (let j = i + 1; j < particles.length; j++) {\n const dx = particles[i].x - particles[j].x;\n const dy = particles[i].y - particles[j].y;\n const dist = Math.sqrt(dx*dx + dy*dy);\n if (dist < 130) {\n ctx.beginPath();\n ctx.strokeStyle = `rgba(30,144,255,${0.08 * (1 - dist\/130)})`;\n ctx.lineWidth = 0.6;\n ctx.moveTo(particles[i].x, particles[i].y);\n ctx.lineTo(particles[j].x, particles[j].y);\n ctx.stroke();\n }\n }\n }\n}\n\nfunction animateParticles() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(p => { p.update(); p.draw(); });\n connectParticles();\n requestAnimationFrame(animateParticles);\n}\n\ninitParticles();\nanimateParticles();\nwindow.addEventListener('resize', initParticles);\n\n\/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\nconst revealEls = document.querySelectorAll('.reveal');\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); observer.unobserve(e.target); } });\n}, { threshold: 0.12 });\nrevealEls.forEach(el => observer.observe(el));\n\n\/\/ \u2500\u2500\u2500 COUNTER ANIMATION \u2500\u2500\u2500\nfunction animateCounter(el) {\n const target = parseInt(el.dataset.target);\n const suffix = el.dataset.suffix || '+';\n const duration = 1800;\n const step = target \/ (duration \/ 16);\n let current = 0;\n const timer = setInterval(() => {\n current += step;\n if (current >= target) { current = target; clearInterval(timer); }\n el.textContent = Math.floor(current) + suffix;\n }, 16);\n}\n\nconst statNums = document.querySelectorAll('.stat-num');\nconst statObs = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { animateCounter(e.target); statObs.unobserve(e.target); } });\n}, { threshold: 0.5 });\nstatNums.forEach(el => statObs.observe(el));\n\n\/\/ \u2500\u2500\u2500 MOBILE NAV \u2500\u2500\u2500\nfunction toggleMenu() {\n document.getElementById('navLinks').classList.toggle('open');\n}\ndocument.querySelectorAll('.nav-links a').forEach(a => {\n a.addEventListener('click', () => document.getElementById('navLinks').classList.remove('open'));\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ WEB3FORMS INTEGRATION \u2014 info@expertdigipro.in\n\/\/ Get your FREE access key at https:\/\/web3forms.com\n\/\/ Enter info@expertdigipro.in \u2192 copy key \u2192 paste in banner\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\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n\/\/ \u2500\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nasync function submitEnquiry() {\n const name = document.getElementById('fname').value.trim();\n const phone = document.getElementById('fphone').value.trim();\n const email = document.getElementById('femail').value.trim();\n const services = ['s1','s2','s3','s4','s5','s6']\n .filter(id => document.getElementById(id).checked)\n .map(id => document.getElementById(id).value)\n .join(', ') || 'Not specified';\n\n \/\/ Basic validation\n if (!name) { alert('Please enter your full name.'); return; }\n if (!phone) { alert('Please enter your phone number.'); return; }\n if (!email || !email.includes('@')) { alert('Please enter a valid email address.'); return; }\n\n \/\/ Loading state\n const btn = document.getElementById('submitBtn');\n const btnText = document.getElementById('btnText');\n const btnLoad = document.getElementById('btnLoading');\n btn.disabled = true;\n btnText.style.display = 'none';\n btnLoad.style.display = 'inline-flex';\n\n try {\n const res = await fetch('https:\/\/api.web3forms.com\/submit', {\n method : 'POST',\n headers: { 'Content-Type': 'application\/json', 'Accept': 'application\/json' },\n body : JSON.stringify({\n access_key : '7a2ff147-2313-4f6b-be00-cb60821d00d8',\n subject : '\ud83d\ude80 New Enquiry \u2014 Expert DigiPro Website',\n from_name : 'Expert DigiPro Website',\n name : name,\n email : email,\n phone : phone,\n services : services,\n message : `New Lead Enquiry!\\n\\nName: ${name}\\nPhone: ${phone}\\nEmail: ${email}\\nServices: ${services}\\n\\nSent from expertdigipro.in`,\n redirect : false\n })\n });\n\n const data = await res.json();\n\n if (data.success) {\n document.getElementById('enquiryForm').style.display = 'none';\n document.getElementById('formSuccess').style.display = 'block';\n document.getElementById('formSuccess').scrollIntoView({ behavior: 'smooth', block: 'center' });\n } else {\n throw new Error(data.message || 'Failed');\n }\n } catch (err) {\n console.error(err);\n alert('\u26a0\ufe0f Something went wrong. Please WhatsApp us directly at +91 84688 60753');\n btn.disabled = false;\n btnText.style.display = 'inline-flex';\n btnLoad.style.display = 'none';\n }\n}\n\n\/\/ \u2500\u2500\u2500 STICKY NAV SHADOW \u2500\u2500\u2500\nwindow.addEventListener('scroll', () => {\n const nav = document.getElementById('navbar');\n nav.style.boxShadow = window.scrollY > 40 ? '0 4px 30px rgba(30,144,255,0.10)' : '0 2px 20px rgba(30,144,255,0.06)';\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Expert DigiPro \u2013 AI Powered Digital Marketing Agency ExpertDigiPro Services Why Us Results Contact Free Strategy Call AI-Powered Digital Growth Agency Grow Your Business Fasterwith AI PoweredDigital Marketing We design high-converting websites, generate quality leads, and scale your business using cutting-edge AI marketing strategies. Get Free Strategy Call Our Services 500+Businesses Scaled 10L+Leads Generated 14+Years […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":30,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2633,"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/pages\/7\/revisions\/2633"}],"wp:attachment":[{"href":"https:\/\/expertdigipro.in\/ai-marketing-agency\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}