{"id":1183,"date":"2026-02-17T12:53:29","date_gmt":"2026-02-17T07:23:29","guid":{"rendered":"https:\/\/sahnewal.in\/?page_id=1183"},"modified":"2026-02-17T13:02:03","modified_gmt":"2026-02-17T07:32:03","slug":"rmgtech-hdfc_insurance","status":"publish","type":"page","link":"https:\/\/sahnewal.in\/index.php\/rmgtech-hdfc_insurance\/","title":{"rendered":"RMG TECH"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n RMG TECH | HDFC Life Insurance<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n <style>\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n :root {\r\n --navy: #0a1628;\r\n --deep: #0d2044;\r\n --gold: #c9a84c;\r\n --gold-light: #f0c96b;\r\n --cream: #fdf8ef;\r\n --white: #ffffff;\r\n --text-muted: #8a9ab5;\r\n --card-bg: rgba(255,255,255,0.04);\r\n --border: rgba(201,168,76,0.2);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n font-family: 'DM Sans', sans-serif;\r\n background: var(--navy);\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NOISE TEXTURE OVERLAY \u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n opacity: 0.6;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n nav {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 100;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 1.2rem 4rem;\r\n backdrop-filter: blur(20px);\r\n background: rgba(10,22,40,0.85);\r\n border-bottom: 1px solid var(--border);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .logo span { color: var(--gold); }\r\n\r\n .nav-links {\r\n display: flex;\r\n gap: 2.5rem;\r\n list-style: none;\r\n }\r\n\r\n .nav-links a {\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n font-size: 0.88rem;\r\n font-weight: 500;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n transition: color 0.3s;\r\n }\r\n\r\n .nav-links a:hover { color: var(--gold); }\r\n\r\n .nav-cta {\r\n background: var(--gold);\r\n color: var(--navy) !important;\r\n padding: 0.55rem 1.5rem;\r\n border-radius: 50px;\r\n font-weight: 600 !important;\r\n transition: all 0.3s !important;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--gold-light) !important;\r\n color: var(--navy) !important;\r\n transform: translateY(-1px);\r\n box-shadow: 0 8px 25px rgba(201,168,76,0.35);\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n padding: 6rem 4rem 4rem;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 70% 50%, rgba(201,168,76,0.08) 0%, transparent 60%),\r\n radial-gradient(ellipse 50% 80% at 10% 80%, rgba(13,32,68,0.9) 0%, transparent 70%),\r\n linear-gradient(135deg, #0a1628 0%, #0d2044 50%, #0a1e3d 100%);\r\n }\r\n\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n animation: float 8s ease-in-out infinite;\r\n }\r\n\r\n .orb1 {\r\n width: 500px; height: 500px;\r\n background: radial-gradient(circle, rgba(201,168,76,0.12) 0%, transparent 70%);\r\n top: -100px; right: 0;\r\n animation-delay: 0s;\r\n }\r\n\r\n .orb2 {\r\n width: 350px; height: 350px;\r\n background: radial-gradient(circle, rgba(100,150,255,0.07) 0%, transparent 70%);\r\n bottom: 50px; right: 200px;\r\n animation-delay: -4s;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(-30px) scale(1.05); }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 650px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n background: rgba(201,168,76,0.12);\r\n border: 1px solid var(--border);\r\n color: var(--gold);\r\n padding: 0.4rem 1rem;\r\n border-radius: 50px;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n margin-bottom: 2rem;\r\n animation: fadeInUp 0.8s ease both;\r\n }\r\n\r\n .hero-badge::before {\r\n content: '';\r\n width: 6px; height: 6px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.5; transform: scale(1.5); }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.8rem, 5vw, 4.5rem);\r\n font-weight: 900;\r\n line-height: 1.08;\r\n margin-bottom: 1.5rem;\r\n animation: fadeInUp 0.8s 0.2s ease both;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: italic;\r\n color: var(--gold);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n color: var(--text-muted);\r\n margin-bottom: 2.5rem;\r\n animation: fadeInUp 0.8s 0.4s ease both;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: 1rem;\r\n align-items: center;\r\n animation: fadeInUp 0.8s 0.6s ease both;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n color: var(--navy);\r\n padding: 1rem 2.2rem;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n box-shadow: 0 8px 30px rgba(201,168,76,0.3);\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 15px 40px rgba(201,168,76,0.45);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--white);\r\n padding: 1rem 2rem;\r\n border-radius: 50px;\r\n border: 1px solid rgba(255,255,255,0.2);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--gold);\r\n color: var(--gold);\r\n }\r\n\r\n .hero-stats {\r\n position: absolute;\r\n right: 4rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n animation: fadeInRight 1s 0.5s ease both;\r\n z-index: 2;\r\n }\r\n\r\n .stat-card {\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid var(--border);\r\n border-radius: 16px;\r\n padding: 1.5rem 2rem;\r\n text-align: center;\r\n backdrop-filter: blur(10px);\r\n transition: all 0.3s;\r\n }\r\n\r\n .stat-card:hover {\r\n background: rgba(201,168,76,0.1);\r\n border-color: var(--gold);\r\n transform: translateX(-5px);\r\n }\r\n\r\n .stat-num {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: var(--gold);\r\n display: block;\r\n }\r\n\r\n .stat-label {\r\n font-size: 0.78rem;\r\n color: var(--text-muted);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n margin-top: 0.3rem;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInRight {\r\n from { opacity: 0; transform: translateX(30px) translateY(-50%); }\r\n to { opacity: 1; transform: translateX(0) translateY(-50%); }\r\n }\r\n\r\n \/* \u2500\u2500 SECTION COMMON \u2500\u2500 *\/\r\n section {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .section-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n color: var(--gold);\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .section-sub {\r\n color: var(--text-muted);\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n max-width: 560px;\r\n }\r\n\r\n \/* \u2500\u2500 WHY LIFE INSURANCE \u2500\u2500 *\/\r\n .why-section {\r\n padding: 7rem 4rem;\r\n background: linear-gradient(180deg, var(--navy) 0%, var(--deep) 100%);\r\n }\r\n\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 5rem;\r\n align-items: center;\r\n margin-top: 4rem;\r\n }\r\n\r\n .reasons-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.8rem;\r\n }\r\n\r\n .reason-item {\r\n display: flex;\r\n gap: 1.2rem;\r\n align-items: flex-start;\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n border: 1px solid transparent;\r\n transition: all 0.4s;\r\n cursor: default;\r\n }\r\n\r\n .reason-item:hover {\r\n background: rgba(201,168,76,0.06);\r\n border-color: var(--border);\r\n transform: translateX(8px);\r\n }\r\n\r\n .reason-icon {\r\n width: 50px;\r\n height: 50px;\r\n min-width: 50px;\r\n border-radius: 12px;\r\n background: rgba(201,168,76,0.12);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.4rem;\r\n }\r\n\r\n .reason-text h4 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.4rem;\r\n }\r\n\r\n .reason-text p {\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .why-visual {\r\n position: relative;\r\n }\r\n\r\n .insurance-card-visual {\r\n background: linear-gradient(135deg, #1a3a6e, #0d2044);\r\n border: 1px solid var(--border);\r\n border-radius: 24px;\r\n padding: 2.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .insurance-card-visual::before {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -30%;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(201,168,76,0.15) 0%, transparent 60%);\r\n border-radius: 50%;\r\n }\r\n\r\n .card-family {\r\n font-size: 4rem;\r\n margin-bottom: 1.5rem;\r\n display: block;\r\n }\r\n\r\n .card-label {\r\n font-size: 0.75rem;\r\n color: var(--text-muted);\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n margin-bottom: 0.3rem;\r\n }\r\n\r\n .card-value {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n color: var(--gold);\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .card-divider {\r\n height: 1px;\r\n background: var(--border);\r\n margin: 1.5rem 0;\r\n }\r\n\r\n .card-features {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n }\r\n\r\n .card-feature {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n font-size: 0.88rem;\r\n color: var(--text-muted);\r\n }\r\n\r\n .card-feature::before {\r\n content: '\u2713';\r\n width: 22px;\r\n height: 22px;\r\n min-width: 22px;\r\n border-radius: 50%;\r\n background: rgba(201,168,76,0.15);\r\n color: var(--gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n }\r\n\r\n \/* \u2500\u2500 PLANS SECTION \u2500\u2500 *\/\r\n .plans-section {\r\n padding: 7rem 4rem;\r\n background: var(--navy);\r\n }\r\n\r\n .plans-header {\r\n text-align: center;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .plan-card {\r\n background: var(--card-bg);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n border-radius: 20px;\r\n padding: 2.5rem 2rem;\r\n position: relative;\r\n transition: all 0.4s;\r\n overflow: hidden;\r\n }\r\n\r\n .plan-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);\r\n transition: all 0.4s;\r\n }\r\n\r\n .plan-card:hover {\r\n transform: translateY(-10px);\r\n border-color: var(--border);\r\n background: rgba(255,255,255,0.06);\r\n }\r\n\r\n .plan-card:hover::before {\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n }\r\n\r\n .plan-card.featured {\r\n background: linear-gradient(135deg, rgba(201,168,76,0.1), rgba(201,168,76,0.04));\r\n border-color: rgba(201,168,76,0.4);\r\n }\r\n\r\n .plan-card.featured::before {\r\n background: var(--gold);\r\n height: 3px;\r\n }\r\n\r\n .featured-badge {\r\n position: absolute;\r\n top: 1.2rem;\r\n right: 1.2rem;\r\n background: var(--gold);\r\n color: var(--navy);\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n padding: 0.25rem 0.7rem;\r\n border-radius: 50px;\r\n }\r\n\r\n .plan-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n\r\n .plan-name {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .plan-desc {\r\n color: var(--text-muted);\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .plan-perks {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.7rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .plan-perks li {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n font-size: 0.85rem;\r\n color: #cdd5e0;\r\n }\r\n\r\n .plan-perks li::before {\r\n content: '\u2192';\r\n color: var(--gold);\r\n font-weight: 700;\r\n }\r\n\r\n .plan-btn {\r\n display: block;\r\n text-align: center;\r\n padding: 0.8rem;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 0.88rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n border: 1px solid var(--border);\r\n color: var(--gold);\r\n background: transparent;\r\n }\r\n\r\n .plan-btn:hover,\r\n .plan-card.featured .plan-btn {\r\n background: var(--gold);\r\n color: var(--navy);\r\n border-color: var(--gold);\r\n }\r\n\r\n .plan-card.featured .plan-btn:hover {\r\n background: var(--gold-light);\r\n border-color: var(--gold-light);\r\n }\r\n\r\n \/* \u2500\u2500 BENEFITS \u2500\u2500 *\/\r\n .benefits-section {\r\n padding: 7rem 4rem;\r\n background: linear-gradient(180deg, var(--navy) 0%, #071020 100%);\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .benefit-card {\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(255,255,255,0.06);\r\n border-radius: 16px;\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n transition: all 0.4s;\r\n }\r\n\r\n .benefit-card:hover {\r\n background: rgba(201,168,76,0.07);\r\n border-color: var(--border);\r\n transform: translateY(-6px);\r\n }\r\n\r\n .benefit-emoji {\r\n font-size: 2.2rem;\r\n margin-bottom: 1rem;\r\n display: block;\r\n }\r\n\r\n .benefit-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .benefit-text {\r\n color: var(--text-muted);\r\n font-size: 0.82rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* \u2500\u2500 FAQ \u2500\u2500 *\/\r\n .faq-section {\r\n padding: 7rem 4rem;\r\n background: var(--navy);\r\n }\r\n\r\n .faq-container {\r\n max-width: 750px;\r\n margin: 3rem auto 0;\r\n }\r\n\r\n .faq-item {\r\n border-bottom: 1px solid rgba(255,255,255,0.07);\r\n overflow: hidden;\r\n }\r\n\r\n .faq-question {\r\n width: 100%;\r\n background: none;\r\n border: none;\r\n color: var(--white);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.98rem;\r\n font-weight: 500;\r\n padding: 1.5rem 0;\r\n text-align: left;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 1rem;\r\n transition: color 0.3s;\r\n }\r\n\r\n .faq-question:hover { color: var(--gold); }\r\n\r\n .faq-icon {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n border-radius: 50%;\r\n border: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1rem;\r\n color: var(--gold);\r\n transition: all 0.3s;\r\n }\r\n\r\n .faq-item.open .faq-icon {\r\n background: var(--gold);\r\n color: var(--navy);\r\n transform: rotate(45deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.3s ease;\r\n color: var(--text-muted);\r\n font-size: 0.9rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .faq-item.open .faq-answer {\r\n max-height: 300px;\r\n padding-bottom: 1.5rem;\r\n }\r\n\r\n \/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\r\n .cta-section {\r\n padding: 7rem 4rem;\r\n background: linear-gradient(135deg, #0d2044 0%, #0a1628 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(201,168,76,0.1) 0%, transparent 60%);\r\n border-radius: 50%;\r\n }\r\n\r\n .cta-inner {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .cta-inner .section-title {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .cta-inner p {\r\n color: var(--text-muted);\r\n font-size: 1.05rem;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n \/* \u2500\u2500 CONTACT FORM \u2500\u2500 *\/\r\n .contact-form {\r\n max-width: 520px;\r\n margin: 2.5rem auto 0;\r\n background: rgba(255,255,255,0.04);\r\n border: 1px solid var(--border);\r\n border-radius: 20px;\r\n padding: 2.5rem;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 0.78rem;\r\n color: var(--text-muted);\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .form-group input,\r\n .form-group select {\r\n width: 100%;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n border-radius: 10px;\r\n padding: 0.85rem 1rem;\r\n color: var(--white);\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.9rem;\r\n transition: all 0.3s;\r\n outline: none;\r\n }\r\n\r\n .form-group input::placeholder { color: rgba(255,255,255,0.25); }\r\n\r\n .form-group select option { background: var(--deep); color: var(--white); }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus {\r\n border-color: var(--gold);\r\n background: rgba(201,168,76,0.06);\r\n }\r\n\r\n .form-submit {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n color: var(--navy);\r\n border: none;\r\n padding: 1rem;\r\n border-radius: 50px;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .form-submit:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(201,168,76,0.4);\r\n }\r\n\r\n .success-msg {\r\n display: none;\r\n text-align: center;\r\n padding: 1.5rem;\r\n background: rgba(201,168,76,0.1);\r\n border: 1px solid var(--border);\r\n border-radius: 12px;\r\n color: var(--gold);\r\n font-weight: 500;\r\n margin-top: 1rem;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: #070f1f;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n padding: 3rem 4rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .footer-logo {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n }\r\n\r\n .footer-logo span { color: var(--gold); }\r\n\r\n .footer-text {\r\n color: var(--text-muted);\r\n font-size: 0.82rem;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n gap: 1.5rem;\r\n }\r\n\r\n .footer-links a {\r\n color: var(--text-muted);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer-links a:hover { color: var(--gold); }\r\n\r\n \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE HAMBURGER \u2500\u2500 *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n cursor: pointer;\r\n padding: 5px;\r\n }\r\n\r\n .hamburger span {\r\n display: block;\r\n width: 24px;\r\n height: 2px;\r\n background: var(--white);\r\n border-radius: 2px;\r\n transition: all 0.3s;\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .hero-stats { display: none; }\r\n .why-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n .plans-grid { grid-template-columns: 1fr 1fr; }\r\n .benefits-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n nav { padding: 1rem 1.5rem; }\r\n .nav-links { display: none; }\r\n .hamburger { display: flex; }\r\n .hero { padding: 6rem 1.5rem 4rem; }\r\n .why-section, .plans-section, .benefits-section,\r\n .faq-section, .cta-section { padding: 5rem 1.5rem; }\r\n .plans-grid { grid-template-columns: 1fr; }\r\n .benefits-grid { grid-template-columns: 1fr 1fr; }\r\n .form-row { grid-template-columns: 1fr; }\r\n footer { flex-direction: column; gap: 1.5rem; text-align: center; }\r\n .footer-links { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .benefits-grid { grid-template-columns: 1fr; }\r\n .hero-actions { flex-direction: column; align-items: flex-start; }\r\n }\r\n\r\n \/* \u2500\u2500 COUNTER ANIMATION \u2500\u2500 *\/\r\n .counter { display: inline-block; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- NAVBAR -->\r\n <nav id=\"navbar\">\r\n <div class=\"logo\">RMG<span>TECH<\/span><\/div>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#why\">Why Insure<\/a><\/li>\r\n <li><a href=\"#plans\">Plans<\/a><\/li>\r\n <li><a href=\"#benefits\">Benefits<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-cta\">Get a Quote<\/a><\/li>\r\n <\/ul>\r\n <div class=\"hamburger\" onclick=\"toggleMenu()\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-orb orb1\"><\/div>\r\n <div class=\"hero-orb orb2\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">HDFC Life Insurance Partner<\/div>\r\n <h1>Protect What<br><em>Matters Most<\/em><br>To You<\/h1>\r\n <p>Life is unpredictable. Your family's security shouldn't be. With HDFC Life Insurance through RMG TECH, get comprehensive protection, tax savings, and peace of mind \u2014 all in one plan.<\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"#contact\" class=\"btn-primary\">Get Free Consultation<\/a>\r\n <a href=\"#why\" class=\"btn-outline\">Learn More \u2193<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num counter\" data-target=\"5000\">0<\/span><span class=\"stat-num\">+<\/span>\r\n <div class=\"stat-label\">Happy Families<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\">\u20b9<span class=\"counter\" data-target=\"150\">0<\/span>L+<\/span>\r\n <div class=\"stat-label\">Claims Settled<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <span class=\"stat-num\"><span class=\"counter\" data-target=\"98\">0<\/span>%<\/span>\r\n <div class=\"stat-label\">Claim Settlement<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- WHY LIFE INSURANCE -->\r\n <section class=\"why-section\" id=\"why\">\r\n <div class=\"section-inner\">\r\n <div class=\"reveal\">\r\n <div class=\"section-tag\">Why It Matters<\/div>\r\n <h2 class=\"section-title\">Life Insurance Isn't<br>an Expense \u2014 It's a <em style=\"font-style:italic; color:var(--gold)\">Promise<\/em><\/h2>\r\n <p class=\"section-sub\">A promise to your loved ones that no matter what happens, they will be taken care of. Here's why every earning individual needs life insurance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid reveal\">\r\n <div class=\"reasons-list\">\r\n <div class=\"reason-item\">\r\n <div class=\"reason-icon\">\ud83d\udee1\ufe0f<\/div>\r\n <div class=\"reason-text\">\r\n <h4>Financial Protection for Your Family<\/h4>\r\n <p>In case of your untimely demise, your family gets a lump sum that covers daily expenses, EMIs, and children's education without financial stress.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-icon\">\ud83d\udcb0<\/div>\r\n <div class=\"reason-text\">\r\n <h4>Save Tax Under Section 80C<\/h4>\r\n <p>Premiums paid are deductible up to \u20b91.5 Lakh per year under Section 80C. Reduce your tax burden while securing your future.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-icon\">\ud83d\udcc8<\/div>\r\n <div class=\"reason-text\">\r\n <h4>Wealth Creation & Savings<\/h4>\r\n <p>Unit-linked and endowment plans combine insurance with investment, helping you grow wealth while staying protected.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reason-item\">\r\n <div class=\"reason-icon\">\ud83c\udfe5<\/div>\r\n <div class=\"reason-text\">\r\n <h4>Critical Illness & Disability Cover<\/h4>\r\n <p>Get a lump sum payout on diagnosis of critical illness, so medical emergencies don't derail your financial plans.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-visual\">\r\n <div class=\"insurance-card-visual\">\r\n <span class=\"card-family\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>\r\n <div class=\"card-label\">Sum Assured<\/div>\r\n <div class=\"card-value\">\u20b91 Crore<\/div>\r\n <div class=\"card-label\">Starting Premium<\/div>\r\n <div class=\"card-value\" style=\"font-size:1.4rem;\">\u20b9599 \/ month<\/div>\r\n <div class=\"card-divider\"><\/div>\r\n <div class=\"card-features\">\r\n <div class=\"card-feature\">Life Cover up to age 85<\/div>\r\n <div class=\"card-feature\">Tax-Free Death Benefit<\/div>\r\n <div class=\"card-feature\">99%+ Claim Settlement Ratio<\/div>\r\n <div class=\"card-feature\">Critical Illness Rider Available<\/div>\r\n <div class=\"card-feature\">Online Policy Management<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- PLANS -->\r\n <section class=\"plans-section\" id=\"plans\">\r\n <div class=\"section-inner\">\r\n <div class=\"plans-header reveal\">\r\n <div class=\"section-tag\">HDFC Life Plans<\/div>\r\n <h2 class=\"section-title\">Choose the Right Plan<br>for Your Life Stage<\/h2>\r\n <p class=\"section-sub\" style=\"margin: 0 auto;\">Every family is unique. HDFC Life offers plans tailored to different needs, budgets, and goals.<\/p>\r\n <\/div>\r\n\r\n <div class=\"plans-grid reveal\">\r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\">\ud83c\udf1f<\/div>\r\n <div class=\"plan-name\">Term Insurance<\/div>\r\n <div class=\"plan-desc\">Pure protection plan with high sum assured at the most affordable premiums. Best for income replacement.<\/div>\r\n <ul class=\"plan-perks\">\r\n <li>Coverage up to \u20b910 Crore<\/li>\r\n <li>Premiums as low as \u20b9500\/month<\/li>\r\n <li>Whole life cover option<\/li>\r\n <li>Tax benefit under 80C & 10(10D)<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"plan-btn\">Know More<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card featured\">\r\n <div class=\"featured-badge\">Most Popular<\/div>\r\n <div class=\"plan-icon\">\ud83c\udfc6<\/div>\r\n <div class=\"plan-name\">ULIP Plan<\/div>\r\n <div class=\"plan-desc\">Combine life insurance with market-linked investment returns. Ideal for long-term wealth creation.<\/div>\r\n <ul class=\"plan-perks\">\r\n <li>Insurance + Investment in one<\/li>\r\n <li>Multiple fund options<\/li>\r\n <li>Flexible premium payment<\/li>\r\n <li>Partial withdrawal allowed<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"plan-btn\">Get Quote<\/a>\r\n <\/div>\r\n\r\n <div class=\"plan-card\">\r\n <div class=\"plan-icon\">\ud83c\udf38<\/div>\r\n <div class=\"plan-name\">Savings Plan<\/div>\r\n <div class=\"plan-desc\">Guaranteed returns with life cover. Perfect for building a corpus for children's education or retirement.<\/div>\r\n <ul class=\"plan-perks\">\r\n <li>Guaranteed maturity benefits<\/li>\r\n <li>Loan against policy available<\/li>\r\n <li>Bonus additions every year<\/li>\r\n <li>Flexible payout options<\/li>\r\n <\/ul>\r\n <a href=\"#contact\" class=\"plan-btn\">Know More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BENEFITS -->\r\n <section class=\"benefits-section\" id=\"benefits\">\r\n <div class=\"section-inner\">\r\n <div class=\"reveal\" style=\"text-align:center; margin-bottom: 1rem;\">\r\n <div class=\"section-tag\">Why HDFC Life via RMG TECH<\/div>\r\n <h2 class=\"section-title\">Your Benefits, Our Priority<\/h2>\r\n <\/div>\r\n <div class=\"benefits-grid reveal\">\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83e\udd1d<\/span>\r\n <div class=\"benefit-title\">Dedicated Support<\/div>\r\n <p class=\"benefit-text\">Personal executive Miss Kamal assigned for end-to-end guidance from policy selection to claims.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\u26a1<\/span>\r\n <div class=\"benefit-title\">Quick Issuance<\/div>\r\n <p class=\"benefit-text\">Get your policy issued within 48 hours with minimal paperwork and fully digital process.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83d\udd12<\/span>\r\n <div class=\"benefit-title\">Claim Assurance<\/div>\r\n <p class=\"benefit-text\">HDFC Life boasts 99%+ claim settlement ratio \u2014 one of the highest in the industry.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83d\udcf1<\/span>\r\n <div class=\"benefit-title\">Digital Policy<\/div>\r\n <p class=\"benefit-text\">Manage your policy online anytime. View coverage, pay premiums, and update nominees digitally.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83d\udc8e<\/span>\r\n <div class=\"benefit-title\">No Hidden Charges<\/div>\r\n <p class=\"benefit-text\">Transparent pricing with no surprises. What you see is what you get \u2014 always.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83c\udfaf<\/span>\r\n <div class=\"benefit-title\">Customised Plans<\/div>\r\n <p class=\"benefit-text\">Plans tailored to your income, family size, and financial goals \u2014 not a one-size-fits-all approach.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83c\udfe6<\/span>\r\n <div class=\"benefit-title\">Trusted Brand<\/div>\r\n <p class=\"benefit-text\">Backed by HDFC Group \u2014 one of India's most trusted financial institutions for over 45 years.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <span class=\"benefit-emoji\">\ud83d\udccb<\/span>\r\n <div class=\"benefit-title\">Free Consultation<\/div>\r\n <p class=\"benefit-text\">Book a no-obligation consultation with our expert to find the perfect plan for your family.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"faq-section\" id=\"faq\">\r\n <div class=\"section-inner\">\r\n <div class=\"reveal\" style=\"text-align:center;\">\r\n <div class=\"section-tag\">FAQ<\/div>\r\n <h2 class=\"section-title\">Questions? We Have<br>All the Answers<\/h2>\r\n <\/div>\r\n <div class=\"faq-container reveal\">\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n Why do I need life insurance if I am young and healthy?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">The best time to buy life insurance is when you are young and healthy \u2014 premiums are lowest, you are easily eligible, and your family is protected from the very start. Waiting means higher premiums and potential rejection due to health conditions later.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n How much life cover do I actually need?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">A general rule of thumb is 10-15 times your annual income. For example, if you earn \u20b910 Lakh per year, you should aim for \u20b91 to \u20b91.5 Crore of cover. Our executive Miss Kamal can help calculate the right amount based on your liabilities, income, and family needs.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n What tax benefits do I get on life insurance?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">Premiums paid are deductible up to \u20b91.5 Lakh under Section 80C of the Income Tax Act. Additionally, the death benefit received by nominees is completely tax-free under Section 10(10D), making life insurance one of the most tax-efficient financial instruments available.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n What happens if I miss a premium payment?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">HDFC Life provides a grace period of 15-30 days for premium payments. If the premium is paid within the grace period, your policy continues without any gap. After this, your policy may lapse but can usually be revived within 5 years by paying outstanding premiums with interest.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n How does the claim settlement process work?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">HDFC Life has a simple and transparent claims process. The nominee needs to submit a claim form along with required documents (death certificate, policy document, ID proof). HDFC Life typically processes claims within 30 days. Our team at RMG TECH will also assist your family through the entire claims process.<\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\r\n Can I buy a policy online without visiting an office?\r\n <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">Absolutely! The entire process \u2014 from consultation to policy issuance \u2014 can be done digitally. Our executive Miss Kamal will call you, understand your needs, recommend a suitable plan, and guide you through the online application process from the comfort of your home.<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA + FORM -->\r\n <section class=\"cta-section\" id=\"contact\">\r\n <div class=\"section-inner\">\r\n <div class=\"cta-inner reveal\">\r\n <div class=\"section-tag\">Get Started Today<\/div>\r\n <h2 class=\"section-title\">Your Family Deserves<br>the Best Protection<\/h2>\r\n <p>Fill in your details below and our executive <strong style=\"color:var(--gold)\">Miss Kamal<\/strong> will call you with a personalised plan.<\/p>\r\n\r\n <div class=\"contact-form\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>First Name<\/label>\r\n <input type=\"text\" id=\"fname\" placeholder=\"Rahul\" \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Last Name<\/label>\r\n <input type=\"text\" id=\"lname\" placeholder=\"Sharma\" \/>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Mobile Number<\/label>\r\n <input type=\"tel\" id=\"mobile\" placeholder=\"+91 98765 43210\" \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email Address<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"rahul@email.com\" \/>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label>Age<\/label>\r\n <input type=\"number\" id=\"age\" placeholder=\"28\" min=\"18\" max=\"65\" \/>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Plan Interest<\/label>\r\n <select id=\"plan\">\r\n <option value=\"\">Select Plan<\/option>\r\n <option>Term Insurance<\/option>\r\n <option>ULIP Plan<\/option>\r\n <option>Savings Plan<\/option>\r\n <option>Not Sure \u2014 Need Advice<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <button class=\"form-submit\" onclick=\"submitForm()\">\ud83d\udcde Request a Callback from Miss Kamal<\/button>\r\n <div class=\"success-msg\" id=\"successMsg\">\u2705 Thank you! Miss Kamal will call you within 24 hours.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer>\r\n <div class=\"footer-logo\">RMG<span>TECH<\/span><\/div>\r\n <div class=\"footer-text\">\u00a9 2025 RMG TECH. Authorized HDFC Life Insurance Partner. IRDA Reg. No. XXXXX<\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"#\">Privacy Policy<\/a>\r\n <a href=\"#\">Terms<\/a>\r\n <a href=\"#contact\">Contact<\/a>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\r\n const reveals = document.querySelectorAll('.reveal');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 120);\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n reveals.forEach(el => observer.observe(el));\r\n\r\n \/\/ \u2500\u2500 COUNTER ANIMATION \u2500\u2500\r\n function animateCounter(el) {\r\n const target = parseInt(el.dataset.target);\r\n let current = 0;\r\n const step = target \/ 60;\r\n const timer = setInterval(() => {\r\n current += step;\r\n if (current >= target) { current = target; clearInterval(timer); }\r\n el.textContent = Math.floor(current).toLocaleString();\r\n }, 25);\r\n }\r\n\r\n const counterObserver = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n animateCounter(entry.target);\r\n counterObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelectorAll('.counter').forEach(el => counterObserver.observe(el));\r\n\r\n \/\/ \u2500\u2500 FAQ TOGGLE \u2500\u2500\r\n function toggleFaq(btn) {\r\n const item = btn.parentElement;\r\n const isOpen = item.classList.contains('open');\r\n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\r\n if (!isOpen) item.classList.add('open');\r\n }\r\n\r\n \/\/ \u2500\u2500 FORM SUBMIT \u2500\u2500\r\n function submitForm() {\r\n const name = document.getElementById('fname').value;\r\n const mobile = document.getElementById('mobile').value;\r\n const email = document.getElementById('email').value;\r\n\r\n if (!name || !mobile || !email) {\r\n alert('Please fill in at least your name, mobile number, and email.');\r\n return;\r\n }\r\n\r\n const btn = document.querySelector('.form-submit');\r\n btn.textContent = 'Submitting...';\r\n btn.disabled = true;\r\n\r\n setTimeout(() => {\r\n document.getElementById('successMsg').style.display = 'block';\r\n btn.textContent = '\u2705 Request Submitted!';\r\n btn.style.background = 'rgba(201,168,76,0.2)';\r\n btn.style.color = 'var(--gold)';\r\n }, 1200);\r\n }\r\n\r\n \/\/ \u2500\u2500 NAVBAR SCROLL EFFECT \u2500\u2500\r\n window.addEventListener('scroll', () => {\r\n const nav = document.getElementById('navbar');\r\n nav.style.padding = window.scrollY > 50 ? '0.8rem 4rem' : '1.2rem 4rem';\r\n });\r\n\r\n \/\/ \u2500\u2500 HAMBURGER \u2500\u2500\r\n function toggleMenu() {\r\n const ul = document.querySelector('.nav-links');\r\n const isOpen = ul.style.display === 'flex';\r\n ul.style.display = isOpen ? 'none' : 'flex';\r\n ul.style.flexDirection = 'column';\r\n ul.style.position = 'absolute';\r\n ul.style.top = '70px';\r\n ul.style.left = '0';\r\n ul.style.right = '0';\r\n ul.style.background = 'rgba(10,22,40,0.98)';\r\n ul.style.padding = '1.5rem 2rem';\r\n ul.style.gap = '1.2rem';\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>RMG TECH | HDFC Life Insurance RMGTECH Why Insure Plans Benefits FAQ Get a Quote HDFC Life Insurance Partner Protect What Matters Most To You Life is unpredictable. Your family’s security shouldn’t be. With HDFC Life Insurance through RMG TECH, get comprehensive protection, tax savings, and peace of mind \u2014 all in one plan. Get […]<\/p>\n","protected":false},"author":1,"featured_media":1027,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1183","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/pages\/1183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/comments?post=1183"}],"version-history":[{"count":11,"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/pages\/1183\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/pages\/1183\/revisions\/1195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/media\/1027"}],"wp:attachment":[{"href":"https:\/\/sahnewal.in\/index.php\/wp-json\/wp\/v2\/media?parent=1183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}