{"id":126,"date":"2026-09-29T05:59:44","date_gmt":"2026-09-29T05:59:44","guid":{"rendered":"https:\/\/www.sushilfinvest.com\/?page_id=126"},"modified":"2026-09-29T07:47:54","modified_gmt":"2026-09-29T07:47:54","slug":"education","status":"publish","type":"page","link":"https:\/\/www.sushilfinvest.com\/?page_id=126","title":{"rendered":"EDUCATION"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Financial Education & Investment Guides | Sushil Finvest<\/title>\r\n <!-- Modern Editorial & FinTech Typography -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,500&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n \/* Scope wrapper to isolate styles completely from WordPress & Elementor *\/\r\n .sf-financial-education-page {\r\n --sf-bg: #FAF8F2;\r\n --sf-bg-card: #FFFFFF;\r\n --sf-navy-900: #071526;\r\n --sf-navy: #0B1F3A;\r\n --sf-navy-light: #18335A;\r\n --sf-navy-muted: #5C6B80;\r\n --sf-gold: #C9A227;\r\n --sf-gold-light: #E8D8A8;\r\n --sf-gold-soft: #F6F1E1;\r\n --sf-gold-gradient: linear-gradient(135deg, #D4AF37 0%, #C9A227 60%, #9E7D1A 100%);\r\n --sf-champagne: #F4EEDF;\r\n --sf-border: rgba(201, 162, 39, 0.22);\r\n --sf-border-hover: rgba(201, 162, 39, 0.55);\r\n --sf-shadow-sm: 0 4px 18px rgba(11, 31, 58, 0.04);\r\n --sf-shadow-md: 0 12px 30px rgba(11, 31, 58, 0.08), 0 2px 8px rgba(201, 162, 39, 0.08);\r\n --sf-shadow-hover: 0 20px 42px rgba(11, 31, 58, 0.12), 0 0 22px rgba(201, 162, 39, 0.22);\r\n --sf-radius-lg: 20px;\r\n --sf-radius-sm: 10px;\r\n --sf-font-main: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n --sf-font-serif: 'Playfair Display', Georgia, serif;\r\n\r\n background-color: var(--sf-bg);\r\n color: var(--sf-navy);\r\n font-family: var(--sf-font-main);\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n line-height: 1.55;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .sf-financial-education-page *,\r\n .sf-financial-education-page *::before,\r\n .sf-financial-education-page *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .sf-container {\r\n max-width: 1260px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Compact Royal Hero Section *\/\r\n .sf-hero-section {\r\n position: relative;\r\n padding: 56px 0 44px;\r\n background: radial-gradient(circle at 50% 18%, #FFFFFF 0%, #FAF8F2 65%, #F4ECE0 100%);\r\n border-bottom: 1px solid rgba(201, 162, 39, 0.18);\r\n overflow: hidden;\r\n }\r\n\r\n .sf-hero-ambient-glow {\r\n position: absolute;\r\n top: -90px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 720px;\r\n height: 380px;\r\n background: radial-gradient(circle, rgba(232, 216, 168, 0.45) 0%, rgba(201, 162, 39, 0.08) 55%, transparent 75%);\r\n filter: blur(55px);\r\n pointer-events: none;\r\n z-index: 1;\r\n }\r\n\r\n \/* Background Chart SVG Line Animation *\/\r\n .sf-hero-chart-bg {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 170px;\r\n pointer-events: none;\r\n opacity: 0.28;\r\n z-index: 1;\r\n }\r\n\r\n .sf-hero-chart-path {\r\n stroke-dasharray: 1200;\r\n stroke-dashoffset: 1200;\r\n animation: sfChartDash 3.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n }\r\n\r\n @keyframes sfChartDash {\r\n to {\r\n stroke-dashoffset: 0;\r\n }\r\n }\r\n\r\n \/* Floating Abstract FinTech Graphics *\/\r\n .sf-floating-item {\r\n position: absolute;\r\n pointer-events: none;\r\n z-index: 1;\r\n opacity: 0.65;\r\n }\r\n\r\n .sf-floating-coin {\r\n top: 18%;\r\n left: 6%;\r\n animation: sfFloatSlow 6s ease-in-out infinite alternate;\r\n }\r\n\r\n .sf-floating-coin-2 {\r\n top: 35%;\r\n right: 7%;\r\n animation: sfFloatSlow 7s 1.5s ease-in-out infinite alternate-reverse;\r\n }\r\n\r\n .sf-floating-dot-1 {\r\n top: 65%;\r\n left: 14%;\r\n width: 7px;\r\n height: 7px;\r\n background: var(--sf-gold);\r\n border-radius: 50%;\r\n box-shadow: 0 0 12px var(--sf-gold);\r\n animation: sfPulse 3s infinite;\r\n }\r\n\r\n .sf-floating-dot-2 {\r\n top: 25%;\r\n right: 18%;\r\n width: 9px;\r\n height: 9px;\r\n background: #E8D8A8;\r\n border-radius: 50%;\r\n box-shadow: 0 0 14px var(--sf-gold);\r\n animation: sfPulse 3.5s 1s infinite;\r\n }\r\n\r\n @keyframes sfFloatSlow {\r\n 0% { transform: translateY(0px) rotate(0deg); }\r\n 100% { transform: translateY(-14px) rotate(6deg); }\r\n }\r\n\r\n @keyframes sfPulse {\r\n 0%, 100% { opacity: 0.35; transform: scale(0.9); }\r\n 50% { opacity: 0.9; transform: scale(1.15); }\r\n }\r\n\r\n .sf-hero-content {\r\n text-align: center;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Premium Micro Badges *\/\r\n .sf-badge-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: #FFFFFF;\r\n border: 1px solid var(--sf-border);\r\n padding: 6px 16px;\r\n border-radius: 100px;\r\n box-shadow: 0 2px 10px rgba(201, 162, 39, 0.12);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .sf-badge-dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--sf-gold);\r\n box-shadow: 0 0 6px var(--sf-gold);\r\n }\r\n\r\n .sf-badge-text {\r\n font-size: 11.5px;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n color: var(--sf-navy);\r\n }\r\n\r\n .sf-brand-label {\r\n display: block;\r\n font-size: 13.5px;\r\n font-weight: 800;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: var(--sf-gold);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sf-hero-title {\r\n font-family: var(--sf-font-serif);\r\n font-size: 40px;\r\n font-weight: 700;\r\n line-height: 1.18;\r\n color: var(--sf-navy-900);\r\n margin-bottom: 14px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .sf-hero-subtitle {\r\n font-size: 16px;\r\n color: var(--sf-navy-muted);\r\n max-width: 660px;\r\n margin: 0 auto 24px;\r\n line-height: 1.6;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Scroll Indicator Link *\/\r\n .sf-scroll-target-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--sf-navy);\r\n background: rgba(255, 255, 255, 0.85);\r\n border: 1px solid rgba(201, 162, 39, 0.25);\r\n padding: 7px 18px;\r\n border-radius: 40px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.28s ease;\r\n box-shadow: 0 2px 6px rgba(11, 31, 58, 0.03);\r\n }\r\n\r\n .sf-scroll-target-btn:hover {\r\n background: #FFFFFF;\r\n border-color: var(--sf-gold);\r\n box-shadow: 0 4px 14px rgba(201, 162, 39, 0.18);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .sf-scroll-icon {\r\n display: inline-block;\r\n animation: sfBounceDown 1.8s infinite;\r\n color: var(--sf-gold);\r\n font-size: 14px;\r\n }\r\n\r\n @keyframes sfBounceDown {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(4px); }\r\n }\r\n\r\n \/* Library Controls & Search Bar *\/\r\n .sf-library-section {\r\n padding: 48px 0 64px;\r\n position: relative;\r\n }\r\n\r\n .sf-section-header {\r\n text-align: center;\r\n margin-bottom: 34px;\r\n }\r\n\r\n .sf-section-kicker {\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.16em;\r\n color: var(--sf-gold);\r\n margin-bottom: 6px;\r\n display: block;\r\n }\r\n\r\n .sf-section-heading {\r\n font-family: var(--sf-font-serif);\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: var(--sf-navy-900);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .sf-section-lead {\r\n font-size: 15px;\r\n color: var(--sf-navy-muted);\r\n max-width: 680px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Filter & Search Bar Container *\/\r\n .sf-controls-card {\r\n background: #FFFFFF;\r\n border-radius: 16px;\r\n padding: 18px 24px;\r\n border: 1px solid var(--sf-border);\r\n box-shadow: var(--sf-shadow-sm);\r\n margin-bottom: 34px;\r\n }\r\n\r\n .sf-search-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .sf-search-input-box {\r\n position: relative;\r\n flex: 1 1 340px;\r\n }\r\n\r\n .sf-search-input-box svg {\r\n position: absolute;\r\n left: 14px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 17px;\r\n height: 17px;\r\n fill: none;\r\n stroke: var(--sf-navy-muted);\r\n stroke-width: 2;\r\n }\r\n\r\n .sf-search-field {\r\n width: 100%;\r\n padding: 11px 16px 11px 42px;\r\n border-radius: 10px;\r\n border: 1.5px solid #E6E1D3;\r\n background: #FCFBF7;\r\n color: var(--sf-navy-900);\r\n font-size: 14.5px;\r\n font-family: var(--sf-font-main);\r\n outline: none;\r\n transition: all 0.25s ease;\r\n }\r\n\r\n .sf-search-field:focus {\r\n border-color: var(--sf-gold);\r\n background: #FFFFFF;\r\n box-shadow: 0 0 0 3.5px rgba(201, 162, 39, 0.14);\r\n }\r\n\r\n .sf-select-wrapper {\r\n position: relative;\r\n min-width: 180px;\r\n }\r\n\r\n .sf-category-select {\r\n width: 100%;\r\n padding: 11px 36px 11px 14px;\r\n border-radius: 10px;\r\n border: 1.5px solid #E6E1D3;\r\n background-color: #FCFBF7;\r\n color: var(--sf-navy);\r\n font-size: 14px;\r\n font-weight: 600;\r\n font-family: var(--sf-font-main);\r\n appearance: none;\r\n -webkit-appearance: none;\r\n cursor: pointer;\r\n outline: none;\r\n transition: border-color 0.25s ease;\r\n }\r\n\r\n .sf-category-select:focus {\r\n border-color: var(--sf-gold);\r\n }\r\n\r\n .sf-select-arrow {\r\n position: absolute;\r\n right: 14px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n pointer-events: none;\r\n color: var(--sf-navy-muted);\r\n font-size: 11px;\r\n }\r\n\r\n .sf-counter-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: var(--sf-navy);\r\n background: var(--sf-gold-soft);\r\n border: 1px solid var(--sf-border);\r\n padding: 7px 14px;\r\n border-radius: 8px;\r\n white-space: nowrap;\r\n }\r\n\r\n .sf-counter-num {\r\n color: var(--sf-gold);\r\n }\r\n\r\n \/* Filter Pills Horizontal Scroll *\/\r\n .sf-pills-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n padding-top: 6px;\r\n border-top: 1px dashed rgba(201, 162, 39, 0.2);\r\n }\r\n\r\n .sf-pill-btn {\r\n background: transparent;\r\n border: 1px solid transparent;\r\n padding: 5px 14px;\r\n border-radius: 100px;\r\n font-size: 12.5px;\r\n font-weight: 600;\r\n color: var(--sf-navy-muted);\r\n cursor: pointer;\r\n font-family: var(--sf-font-main);\r\n transition: all 0.22s ease;\r\n }\r\n\r\n .sf-pill-btn:hover {\r\n color: var(--sf-navy);\r\n background: var(--sf-gold-soft);\r\n }\r\n\r\n .sf-pill-btn.sf-active {\r\n background: var(--sf-navy);\r\n color: #FFFFFF;\r\n border-color: var(--sf-navy);\r\n box-shadow: 0 3px 8px rgba(11, 31, 58, 0.2);\r\n }\r\n\r\n \/* 3-Column Responsive CSS Grid *\/\r\n .sf-articles-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n position: relative;\r\n }\r\n\r\n \/* Article Card Aesthetics *\/\r\n .sf-article-card {\r\n background: var(--sf-bg-card);\r\n border: 1px solid #ECE7D9;\r\n border-radius: var(--sf-radius-lg);\r\n padding: 28px 26px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--sf-shadow-sm);\r\n transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),\r\n border-color 0.35s ease;\r\n opacity: 0;\r\n transform: translateY(24px);\r\n }\r\n\r\n .sf-article-card.sf-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .sf-article-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--sf-shadow-hover);\r\n border-color: var(--sf-border-hover);\r\n }\r\n\r\n \/* Subtle Gold Accent Top Border on Hover *\/\r\n .sf-article-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3.5px;\r\n background: var(--sf-gold-gradient);\r\n opacity: 0;\r\n transition: opacity 0.35s ease;\r\n }\r\n\r\n .sf-article-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n \/* Subtle Elegant Watermark Article Number *\/\r\n .sf-card-watermark {\r\n position: absolute;\r\n top: 14px;\r\n right: 18px;\r\n font-family: var(--sf-font-serif);\r\n font-size: 54px;\r\n font-weight: 700;\r\n color: rgba(201, 162, 39, 0.08);\r\n line-height: 1;\r\n pointer-events: none;\r\n user-select: none;\r\n transition: color 0.35s ease, transform 0.35s ease;\r\n }\r\n\r\n .sf-article-card:hover .sf-card-watermark {\r\n color: rgba(201, 162, 39, 0.18);\r\n transform: scale(1.08);\r\n }\r\n\r\n \/* Card Meta Row *\/\r\n .sf-card-meta-top {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 14px;\r\n z-index: 2;\r\n }\r\n\r\n .sf-card-index {\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: 0.12em;\r\n color: var(--sf-gold);\r\n background: var(--sf-gold-soft);\r\n padding: 3px 8px;\r\n border-radius: 6px;\r\n }\r\n\r\n .sf-category-badge {\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n color: var(--sf-navy);\r\n background: rgba(11, 31, 58, 0.06);\r\n padding: 3.5px 10px;\r\n border-radius: 100px;\r\n }\r\n\r\n \/* Card Title & Content *\/\r\n .sf-card-title {\r\n font-size: 18.5px;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n color: var(--sf-navy-900);\r\n margin-bottom: 12px;\r\n z-index: 2;\r\n transition: color 0.25s ease;\r\n }\r\n\r\n .sf-article-card:hover .sf-card-title {\r\n color: #071930;\r\n }\r\n\r\n .sf-card-desc {\r\n font-size: 13.8px;\r\n color: var(--sf-navy-muted);\r\n line-height: 1.55;\r\n margin-bottom: 22px;\r\n flex-grow: 1;\r\n z-index: 2;\r\n }\r\n\r\n \/* Card Secondary Meta: Read Time + Level *\/\r\n .sf-card-meta-sub {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 12px;\r\n color: var(--sf-navy-muted);\r\n padding-top: 14px;\r\n margin-bottom: 18px;\r\n border-top: 1px solid #F1ECE0;\r\n z-index: 2;\r\n }\r\n\r\n .sf-read-time, .sf-difficulty-level {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .sf-dot-separator {\r\n color: #D3CBBA;\r\n }\r\n\r\n .sf-level-pill {\r\n font-weight: 600;\r\n color: var(--sf-navy-light);\r\n background: #F4EFE6;\r\n padding: 2px 7px;\r\n border-radius: 4px;\r\n font-size: 11px;\r\n }\r\n\r\n \/* Read Full Article Button *\/\r\n .sf-card-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n background: #FAF8F2;\r\n color: var(--sf-navy);\r\n border: 1px solid rgba(201, 162, 39, 0.3);\r\n padding: 11px 16px;\r\n border-radius: 10px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n font-family: var(--sf-font-main);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.28s ease;\r\n z-index: 2;\r\n }\r\n\r\n .sf-card-btn-arrow {\r\n color: var(--sf-gold);\r\n font-size: 16px;\r\n transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .sf-card-btn:hover {\r\n background: var(--sf-navy);\r\n color: #FFFFFF;\r\n border-color: var(--sf-navy);\r\n box-shadow: 0 4px 14px rgba(11, 31, 58, 0.16);\r\n }\r\n\r\n .sf-card-btn:hover .sf-card-btn-arrow {\r\n transform: translateX(5px);\r\n color: var(--sf-gold-light);\r\n }\r\n\r\n .sf-card-btn:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n \/* Empty Search State *\/\r\n .sf-empty-state {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 56px 20px;\r\n background: #FFFFFF;\r\n border: 1px dashed var(--sf-border);\r\n border-radius: 16px;\r\n display: none;\r\n }\r\n\r\n .sf-empty-icon {\r\n font-size: 40px;\r\n margin-bottom: 12px;\r\n display: inline-block;\r\n color: var(--sf-gold);\r\n }\r\n\r\n .sf-empty-title {\r\n font-family: var(--sf-font-serif);\r\n font-size: 24px;\r\n color: var(--sf-navy-900);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .sf-empty-subtitle {\r\n font-size: 14.5px;\r\n color: var(--sf-navy-muted);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sf-clear-btn {\r\n background: var(--sf-navy);\r\n color: #FFFFFF;\r\n border: none;\r\n padding: 10px 22px;\r\n font-size: 13.5px;\r\n font-weight: 600;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-family: var(--sf-font-main);\r\n transition: background 0.2s ease;\r\n }\r\n\r\n .sf-clear-btn:hover {\r\n background: var(--sf-gold);\r\n color: var(--sf-navy-900);\r\n }\r\n\r\n \/* Subdued Financial Disclaimer *\/\r\n .sf-disclaimer-box {\r\n margin-top: 48px;\r\n padding: 18px 24px;\r\n background: rgba(255, 255, 255, 0.6);\r\n border-left: 3px solid var(--sf-gold);\r\n border-radius: 0 8px 8px 0;\r\n font-size: 12px;\r\n line-height: 1.6;\r\n color: #6C7A8E;\r\n }\r\n\r\n .sf-disclaimer-box strong {\r\n color: var(--sf-navy);\r\n font-weight: 700;\r\n }\r\n\r\n \/* Responsive Breakpoints *\/\r\n @media (max-width: 1024px) {\r\n .sf-articles-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 22px;\r\n }\r\n .sf-hero-title {\r\n font-size: 34px;\r\n }\r\n }\r\n\r\n @media (max-width: 767px) {\r\n .sf-hero-section {\r\n padding: 40px 0 32px;\r\n }\r\n .sf-hero-title {\r\n font-size: 28px;\r\n }\r\n .sf-hero-subtitle {\r\n font-size: 14.5px;\r\n }\r\n .sf-section-heading {\r\n font-size: 25px;\r\n }\r\n .sf-articles-grid {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n .sf-controls-card {\r\n padding: 16px;\r\n }\r\n .sf-search-row {\r\n flex-direction: column;\r\n align-items: stretch;\r\n }\r\n .sf-select-wrapper {\r\n width: 100%;\r\n }\r\n .sf-counter-badge {\r\n justify-content: center;\r\n }\r\n .sf-pills-row {\r\n overflow-x: auto;\r\n flex-wrap: nowrap;\r\n padding-bottom: 6px;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n .sf-pill-btn {\r\n flex-shrink: 0;\r\n }\r\n .sf-article-card {\r\n padding: 22px 18px 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"gtranslate_wrapper\" id=\"gt-wrapper-46059972\"><\/div>\r\n\r\n<!-- SCOPED PARENT CONTAINER FOR ELEMENTOR \/ WORDPRESS EMBEDDING -->\r\n<div class=\"sf-financial-education-page\">\r\n\r\n <!-- Compact Royal Hero Section -->\r\n <section class=\"sf-hero-section\" aria-label=\"Sushil Finvest Education Introduction\">\r\n <div class=\"sf-hero-ambient-glow\"><\/div>\r\n\r\n <!-- Floating Financial Symbols & Particles -->\r\n <div class=\"sf-floating-item sf-floating-coin\" aria-hidden=\"true\">\r\n <svg width=\"46\" height=\"46\" viewBox=\"0 0 54 54\" fill=\"none\">\r\n <circle cx=\"27\" cy=\"27\" r=\"25\" stroke=\"#C9A227\" stroke-width=\"2.5\" fill=\"rgba(246, 241, 225, 0.45)\"\/>\r\n <circle cx=\"27\" cy=\"27\" r=\"19\" stroke=\"#E8D8A8\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\r\n <text x=\"50%\" y=\"54%\" text-anchor=\"middle\" dominant-baseline=\"middle\" fill=\"#C9A227\" font-size=\"20\" font-family=\"'Playfair Display', serif\" font-weight=\"bold\">\u20b9<\/text>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"sf-floating-item sf-floating-coin-2\" aria-hidden=\"true\">\r\n <svg width=\"38\" height=\"38\" viewBox=\"0 0 50 50\" fill=\"none\">\r\n <circle cx=\"25\" cy=\"25\" r=\"23\" stroke=\"#D4AF37\" stroke-width=\"2\" fill=\"rgba(255, 255, 255, 0.6)\"\/>\r\n <path d=\"M18 31L23 23L28 27L34 18\" stroke=\"#0B1F3A\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M30 18H34V22\" stroke=\"#0B1F3A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"sf-floating-item sf-floating-dot-1\" aria-hidden=\"true\"><\/div>\r\n <div class=\"sf-floating-item sf-floating-dot-2\" aria-hidden=\"true\"><\/div>\r\n\r\n <!-- Ambient Upward Growth Chart Line -->\r\n <svg class=\"sf-hero-chart-bg\" preserveAspectRatio=\"none\" viewBox=\"0 0 1200 180\" fill=\"none\" aria-hidden=\"true\">\r\n <path class=\"sf-hero-chart-path\" d=\"M0,160 Q 250,140 450,105 T 850,70 T 1200,20\" stroke=\"url(#sfHeroGoldGrad)\" stroke-width=\"3\" fill=\"none\"\/>\r\n <defs>\r\n <linearGradient id=\"sfHeroGoldGrad\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\r\n <stop offset=\"0%\" stop-color=\"#E8D8A8\" stop-opacity=\"0.2\"\/>\r\n <stop offset=\"50%\" stop-color=\"#C9A227\" stop-opacity=\"0.8\"\/>\r\n <stop offset=\"100%\" stop-color=\"#0B1F3A\" stop-opacity=\"0.9\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <\/svg>\r\n\r\n <div class=\"sf-container\">\r\n <div class=\"sf-hero-content\">\r\n <div class=\"sf-badge-wrapper\">\r\n <span class=\"sf-badge-dot\"><\/span>\r\n <span class=\"sf-badge-text\">Financial Education<\/span>\r\n <\/div>\r\n \r\n <span class=\"sf-brand-label\">SUSHIL FINVEST<\/span>\r\n <h1 class=\"sf-hero-title\">Smart Knowledge. Smarter Financial Decisions.<\/h1>\r\n <p class=\"sf-hero-subtitle\">\r\n Learn investing, understand risk, and build better financial habits with simple, practical financial education.\r\n <\/p>\r\n\r\n <div>\r\n <a href=\"#sf-articles-vault\" class=\"sf-scroll-target-btn\" id=\"sfScrollTrigger\">\r\n <span>Explore Articles<\/span>\r\n <span class=\"sf-scroll-icon\">\u2193<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Main Articles Library Section -->\r\n <section class=\"sf-library-section\" id=\"sf-articles-vault\" aria-label=\"Financial Article Vault\">\r\n <div class=\"sf-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"sf-section-header\">\r\n <span class=\"sf-section-kicker\">Explore Financial Knowledge<\/span>\r\n <h2 class=\"sf-section-heading\">Learn Today. Invest Smarter Tomorrow.<\/h2>\r\n <p class=\"sf-section-lead\">\r\n Explore easy-to-understand guides on investing, stocks, mutual funds, portfolio building, retirement planning and financial independence.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Controls & Filter Toolbar -->\r\n <div class=\"sf-controls-card\">\r\n <div class=\"sf-search-row\">\r\n <!-- Realtime Search Input -->\r\n <div class=\"sf-search-input-box\">\r\n <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\r\n <input type=\"text\" id=\"sfSearchInput\" class=\"sf-search-field\" placeholder=\"Search financial articles, stocks, funds...\" aria-label=\"Search articles\">\r\n <\/div>\r\n\r\n <!-- Category Select Dropdown -->\r\n <div class=\"sf-select-wrapper\">\r\n <select id=\"sfCategoryDropdown\" class=\"sf-category-select\" aria-label=\"Select Category\">\r\n <option value=\"All\">All Topics<\/option>\r\n <option value=\"Investment\">Investment<\/option>\r\n <option value=\"Stocks\">Stocks<\/option>\r\n <option value=\"Mutual Funds\">Mutual Funds<\/option>\r\n <option value=\"Wealth Management\">Wealth Management<\/option>\r\n <option value=\"Financial Planning\">Financial Planning<\/option>\r\n <option value=\"Retirement\">Retirement<\/option>\r\n <option value=\"Tax Planning\">Tax Planning<\/option>\r\n <option value=\"NRI Investment\">NRI Investment<\/option>\r\n <option value=\"IPO\">IPO & New Listings<\/option>\r\n <option value=\"Portfolio Management\">Portfolio Management<\/option>\r\n <option value=\"Financial Independence\">Financial Independence<\/option>\r\n <option value=\"Gen Z Finance\">Gen Z Finance<\/option>\r\n <\/select>\r\n <span class=\"sf-select-arrow\">\u25bc<\/span>\r\n <\/div>\r\n\r\n <!-- Dynamic Counter Badge -->\r\n <div class=\"sf-counter-badge\">\r\n <span id=\"sfArticlesCount\" class=\"sf-counter-num\">30<\/span>\r\n <span>Articles Available<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Quick Filter Category Pills -->\r\n <div class=\"sf-pills-row\" id=\"sfPillsContainer\">\r\n <button type=\"button\" class=\"sf-pill-btn sf-active\" data-cat=\"All\">All<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Stocks\">Stocks<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Mutual Funds\">Mutual Funds<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Investment\">Investment<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Retirement\">Retirement<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Tax Planning\">Tax<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"Wealth Management\">Wealth<\/button>\r\n <button type=\"button\" class=\"sf-pill-btn\" data-cat=\"NRI Investment\">NRI<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Articles Grid (Populated via JS Data Array) -->\r\n <div class=\"sf-articles-grid\" id=\"sfArticlesContainer\">\r\n <!-- Rendered dynamically via JavaScript for clean maintainability -->\r\n <\/div>\r\n\r\n <!-- Empty Result Card -->\r\n <div class=\"sf-empty-state\" id=\"sfEmptyState\">\r\n <div class=\"sf-empty-icon\">\u26b2<\/div>\r\n <h3 class=\"sf-empty-title\">No articles found<\/h3>\r\n <p class=\"sf-empty-subtitle\">Try another keyword or select a different topic.<\/p>\r\n <button type=\"button\" class=\"sf-clear-btn\" id=\"sfClearSearchBtn\">Clear Search<\/button>\r\n <\/div>\r\n\r\n <!-- Regulatory & Safety Educational Disclaimer -->\r\n <aside class=\"sf-disclaimer-box\" role=\"note\">\r\n <strong>Educational Disclaimer:<\/strong> Information provided on this page is for educational and informational purposes only and should not be considered investment advice. Investments are subject to market risks. Please consider your financial objectives and risk profile before making investment decisions.\r\n <\/aside>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/**\r\n * SUSHIL FINVEST - FINANCIAL EDUCATION ARTICLES HUB\r\n * Standalone Vanilla JS Controller & Configurable Article Directory\r\n *\/\r\n (function() {\r\n 'use strict';\r\n\r\n \/\/ 1. Dedicated Articles Master Array with SEO Slugs & Metadata\r\n \/\/ URLs can be edited or prefixed easily (e.g., prepending https:\/\/sushilfinvest.com)\r\n const sfArticlesData = [\r\n {\r\n id: 1,\r\n title: \"Investment Solutions & Wealth Management Services | Sushil Finance\",\r\n category: \"Wealth Management\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/investment-solutions-wealth-management-services\/\",\r\n desc: \"Understand the fundamentals of investment solutions, wealth planning and how structured financial services support long-term wealth goals.\"\r\n },\r\n {\r\n id: 2,\r\n title: \"Best Stock Broker in Mumbai for Equity Trading | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/best-stock-broker-equity-trading\/\",\r\n desc: \"Discover essential criteria for choosing an equity trading broker, from research support and technology to transparent execution charges.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Mutual Fund Investment Advisory Services | Sushil Finance\",\r\n category: \"Mutual Funds\",\r\n readTime: \"7 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/mutual-fund-investment-advisory-services\/\",\r\n desc: \"Learn how professional advisory services align fund selection, risk tolerance, and asset rebalancing to compound your capital systematically.\"\r\n },\r\n {\r\n id: 4,\r\n title: \"NRI Investment Services in Indian Markets | Sushil Finance\",\r\n category: \"NRI Investment\",\r\n readTime: \"8 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/nri-investment-services-indian-markets\/\",\r\n desc: \"A comprehensive guide for Non-Resident Indians seeking portfolio access, regulatory compliance, and growth opportunities across India.\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Premier Wealth Management for High Net-Worth Clients | Sushil Finance\",\r\n category: \"Wealth Management\",\r\n readTime: \"9 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/premier-wealth-management-high-net-worth-clients\/\",\r\n desc: \"Explore bespoke wealth preservation, multi-asset allocation frameworks, and estate structuring tailored for high net-worth individuals.\"\r\n },\r\n {\r\n id: 6,\r\n title: \"Online Trading Platform for Investors | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"4 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/online-trading-platform-investors\/\",\r\n desc: \"Modern digital trading tools demystified: speed, analytical charting, risk controls, and frictionless order placement for today's market.\"\r\n },\r\n {\r\n id: 7,\r\n title: \"Financial Planning & Retirement Solutions | Sushil Finance\",\r\n category: \"Retirement\",\r\n readTime: \"7 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/financial-planning-retirement-solutions\/\",\r\n desc: \"Plan your post-work life with confidence by calculating corpus goals, inflation impacts, and reliable post-retirement income streams.\"\r\n },\r\n {\r\n id: 8,\r\n title: \"Tax-Efficient Investment Strategies for 2026 | Sushil Finance\",\r\n category: \"Tax Planning\",\r\n readTime: \"6 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/tax-efficient-investment-strategies-2026\/\",\r\n desc: \"Optimize capital gains, utilize statutory deductions smartly, and preserve overall investment returns in line with modern tax codes.\"\r\n },\r\n {\r\n id: 9,\r\n title: \"How to Start Investing in Stocks \u2013 Beginner\u2019s Guide | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/how-to-start-investing-stocks-beginners-guide\/\",\r\n desc: \"Step-by-step foundation covering Demat accounts, basic balance sheet metrics, market terminology, and disciplined capital allocation.\"\r\n },\r\n {\r\n id: 10,\r\n title: \"Top Investment Options for Long-Term Wealth Creation | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/top-investment-options-long-term-wealth-creation\/\",\r\n desc: \"Compare equities, debt instruments, hybrid funds, and real assets to establish a sustainable long-term compounding mechanism.\"\r\n },\r\n {\r\n id: 11,\r\n title: \"Equity Research & Portfolio Management Services | Sushil Finance\",\r\n category: \"Portfolio Management\",\r\n readTime: \"8 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/equity-research-portfolio-management-services\/\",\r\n desc: \"Deep dive into institutional-grade fundamental analysis, corporate earnings valuation, and risk-adjusted portfolio construction.\"\r\n },\r\n {\r\n id: 12,\r\n title: \"Best Financial Advisor for Personal Wealth Growth | Sushil Finance\",\r\n category: \"Wealth Management\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/best-financial-advisor-personal-wealth-growth\/\",\r\n desc: \"How collaborating with a seasoned financial advisor helps eliminate emotional bias and keeps your investment roadmap on track.\"\r\n },\r\n {\r\n id: 13,\r\n title: \"Secure Your Future with Smart Investment Planning | Sushil Finance\",\r\n category: \"Financial Planning\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/secure-future-smart-investment-planning\/\",\r\n desc: \"Build an resilient safety net with emergency reserves, adequate life hedging, and goal-linked milestone investment plans.\"\r\n },\r\n {\r\n id: 14,\r\n title: \"Diversified Investment Plans for Every Investor | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/diversified-investment-plans-every-investor\/\",\r\n desc: \"Why multi-asset diversification remains your strongest defense against unpredictable sector drawdowns and cyclical shocks.\"\r\n },\r\n {\r\n id: 15,\r\n title: \"Expert Guidance on Stock Market Investments | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"7 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/expert-guidance-stock-market-investments\/\",\r\n desc: \"Navigating market swings with high conviction: macroeconomic signals, technical support levels, and disciplined entry\/exit techniques.\"\r\n },\r\n {\r\n id: 16,\r\n title: \"Mutual Fund vs Stocks: Which is Right for You? | Sushil Finance\",\r\n category: \"Mutual Funds\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/mutual-fund-vs-stocks-which-is-right\/\",\r\n desc: \"Direct stocks versus professionally curated fund pools: a clear comparison of time commitment, volatility, and return potential.\"\r\n },\r\n {\r\n id: 17,\r\n title: \"Tax-Saving Investment Options Under Section 80C | Sushil Finance\",\r\n category: \"Tax Planning\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/tax-saving-investment-options-section-80c\/\",\r\n desc: \"Explore ELSS mutual funds, PPF, and other recognized tax-saving routes to balance tax deduction advantages with wealth creation.\"\r\n },\r\n {\r\n id: 18,\r\n title: \"Retirement Planning Strategies for Young Professionals | Sushil Finance\",\r\n category: \"Retirement\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/retirement-planning-strategies-young-professionals\/\",\r\n desc: \"The immense power of early compounding: how small monthly SIP contributions in your 20s and 30s yield exponential retirement freedom.\"\r\n },\r\n {\r\n id: 19,\r\n title: \"How to Build a Diversified Investment Portfolio | Sushil Finance\",\r\n category: \"Portfolio Management\",\r\n readTime: \"7 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/how-to-build-diversified-investment-portfolio\/\",\r\n desc: \"An architectural guide to asset allocation weights, correlation coefficients, and periodic rebalancing routines across asset classes.\"\r\n },\r\n {\r\n id: 20,\r\n title: \"Best Investment Apps & Platforms in India 2026 | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/best-investment-apps-platforms-india-2026\/\",\r\n desc: \"Evaluating digital security, user experience, research integration, and zero-downtime performance for modern retail investors.\"\r\n },\r\n {\r\n id: 21,\r\n title: \"Wealth Management Services for NRIs in India | Sushil Finance\",\r\n category: \"NRI Investment\",\r\n readTime: \"8 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/wealth-management-services-nris-india\/\",\r\n desc: \"Customized wealth strategies handling currency dynamics, repatriation rules, and tax compliance across international jurisdictions.\"\r\n },\r\n {\r\n id: 22,\r\n title: \"Financial Independence: Steps to Achieve Your Goals | Sushil Finance\",\r\n category: \"Financial Independence\",\r\n readTime: \"7 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/financial-independence-steps-achieve-goals\/\",\r\n desc: \"The FIRE principles simplified: determining your net freedom number, controlling lifestyle creep, and accelerating compounding.\"\r\n },\r\n {\r\n id: 23,\r\n title: \"Top 10 Investment Tips for First-Time Investors | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"6 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/top-10-investment-tips-first-time-investors\/\",\r\n desc: \"Essential foundational rules to prevent costly rookie errors, stay calm during corrections, and build enduring financial discipline.\"\r\n },\r\n {\r\n id: 24,\r\n title: \"Understanding Risk & Return in Stock Investments | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"6 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/understanding-risk-return-stock-investments\/\",\r\n desc: \"Master standard deviation, beta, drawdowns, and the risk-reward tradeoff to build expectations anchored in mathematical reality.\"\r\n },\r\n {\r\n id: 25,\r\n title: \"How to Choose the Right Stock Broker in India | Sushil Finance\",\r\n category: \"Stocks\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/how-to-choose-right-stock-broker-india\/\",\r\n desc: \"Comparing full-service advisors and discount brokers: customer support responsiveness, safety track record, and fee transparency.\"\r\n },\r\n {\r\n id: 26,\r\n title: \"Investment Planning for Millennials & Gen Z | Sushil Finance\",\r\n category: \"Gen Z Finance\",\r\n readTime: \"5 min read\",\r\n level: \"Beginner\",\r\n slug: \"\/investment-planning-millennials-gen-z\/\",\r\n desc: \"Digital-first financial habits, micro-investing, managing debt, and developing a wealth-first mindset for younger professionals.\"\r\n },\r\n {\r\n id: 27,\r\n title: \"Best Long-Term Investment Strategies for 2026 | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"7 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/best-long-term-investment-strategies-2026\/\",\r\n desc: \"Identifying macro themes, structural demographic advantages, and secular economic trends poised for multi-year capital compounding.\"\r\n },\r\n {\r\n id: 28,\r\n title: \"Financial Services for Small Business Owners | Sushil Finance\",\r\n category: \"Financial Planning\",\r\n readTime: \"6 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/financial-services-small-business-owners\/\",\r\n desc: \"Separating personal wealth from business cash flows, tax efficiency planning, and surplus treasury management for entrepreneurs.\"\r\n },\r\n {\r\n id: 29,\r\n title: \"Guide to Investing in IPOs & New Listings | Sushil Finance\",\r\n category: \"IPO\",\r\n readTime: \"6 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/guide-investing-ipos-new-listings\/\",\r\n desc: \"How to critically evaluate Red Herring Prospectuses (DRHP), promoter credibility, listing gain expectations, and long-term valuation.\"\r\n },\r\n {\r\n id: 30,\r\n title: \"Smart Investment Choices for Market Volatility | Sushil Finance\",\r\n category: \"Investment\",\r\n readTime: \"7 min read\",\r\n level: \"Intermediate\",\r\n slug: \"\/smart-investment-choices-market-volatility\/\",\r\n desc: \"Tactical asset shifting, defensive stock picks, and dollar-cost averaging techniques that transform market panic into opportunity.\"\r\n }\r\n ];\r\n\r\n \/\/ DOM Selectors\r\n const container = document.getElementById('sfArticlesContainer');\r\n const searchInput = document.getElementById('sfSearchInput');\r\n const categoryDropdown = document.getElementById('sfCategoryDropdown');\r\n const pillsContainer = document.getElementById('sfPillsContainer');\r\n const articlesCount = document.getElementById('sfArticlesCount');\r\n const emptyState = document.getElementById('sfEmptyState');\r\n const clearBtn = document.getElementById('sfClearSearchBtn');\r\n const scrollTrigger = document.getElementById('sfScrollTrigger');\r\n\r\n let currentCategory = 'All';\r\n let currentSearchTerm = '';\r\n\r\n \/\/ Format index as two digits: 01, 02...\r\n function padZero(num) {\r\n return num < 10 ? '0' + num : num;\r\n }\r\n\r\n \/\/ Function to render cards into DOM\r\n function renderArticles(list) {\r\n container.innerHTML = '';\r\n\r\n if (list.length === 0) {\r\n emptyState.style.display = 'block';\r\n articlesCount.textContent = '0';\r\n return;\r\n }\r\n\r\n emptyState.style.display = 'none';\r\n articlesCount.textContent = list.length;\r\n\r\n const fragment = document.createDocumentFragment();\r\n\r\n list.forEach((item, index) => {\r\n const card = document.createElement('article');\r\n card.className = 'sf-article-card';\r\n card.setAttribute('data-id', item.id);\r\n card.setAttribute('aria-label', item.title);\r\n\r\n const formattedId = padZero(item.id);\r\n\r\n card.innerHTML = `\r\n <div class=\"sf-card-watermark\" aria-hidden=\"true\">${formattedId}<\/div>\r\n \r\n <div class=\"sf-card-meta-top\">\r\n <span class=\"sf-card-index\">ARTICLE ${formattedId}<\/span>\r\n <span class=\"sf-category-badge\">${item.category}<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"sf-card-title\">${item.title}<\/h3>\r\n \r\n <p class=\"sf-card-desc\">${item.desc}<\/p>\r\n\r\n <div class=\"sf-card-meta-sub\">\r\n <span class=\"sf-read-time\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"vertical-align:middle;margin-right:2px\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\r\n ${item.readTime}\r\n <\/span>\r\n <span class=\"sf-dot-separator\">\u2022<\/span>\r\n <span class=\"sf-difficulty-level\">\r\n Level: <span class=\"sf-level-pill\">${item.level}<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <a href=\"${item.slug}\" class=\"sf-card-btn\" data-url=\"${item.slug}\" title=\"Read ${item.title}\">\r\n <span>Read Full Article<\/span>\r\n <span class=\"sf-card-btn-arrow\">\u2192<\/span>\r\n <\/a>\r\n `;\r\n\r\n fragment.appendChild(card);\r\n });\r\n\r\n container.appendChild(fragment);\r\n\r\n \/\/ Trigger sequential reveal animation via requestAnimationFrame & IntersectionObserver\r\n observeCards();\r\n }\r\n\r\n \/\/ Reveal Cards with Staggered Viewport Entrance\r\n function observeCards() {\r\n const cards = container.querySelectorAll('.sf-article-card');\r\n \r\n if ('IntersectionObserver' in window) {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n const el = entry.target;\r\n \/\/ Stagger slightly according to index in batch\r\n setTimeout(() => {\r\n el.classList.add('sf-visible');\r\n }, 40);\r\n observer.unobserve(el);\r\n }\r\n });\r\n }, {\r\n threshold: 0.08,\r\n rootMargin: '0px 0px 40px 0px'\r\n });\r\n\r\n cards.forEach((card) => observer.observe(card));\r\n } else {\r\n \/\/ Fallback for older browsers\r\n cards.forEach(card => card.classList.add('sf-visible'));\r\n }\r\n }\r\n\r\n \/\/ Filter Logic combining Search text & Category Selection\r\n function applyFilters() {\r\n const term = currentSearchTerm.trim().toLowerCase();\r\n \r\n const filtered = sfArticlesData.filter(item => {\r\n const matchesCategory = (currentCategory === 'All') || (item.category.toLowerCase() === currentCategory.toLowerCase());\r\n const matchesSearch = !term || \r\n item.title.toLowerCase().includes(term) || \r\n item.desc.toLowerCase().includes(term) ||\r\n item.category.toLowerCase().includes(term);\r\n\r\n return matchesCategory && matchesSearch;\r\n });\r\n\r\n renderArticles(filtered);\r\n }\r\n\r\n \/\/ Category Sync helper (updates dropdown, pill states, and renders)\r\n function setCategory(cat) {\r\n currentCategory = cat;\r\n\r\n \/\/ Sync dropdown\r\n if (categoryDropdown) {\r\n const options = Array.from(categoryDropdown.options);\r\n const match = options.find(opt => opt.value.toLowerCase() === cat.toLowerCase());\r\n if (match) {\r\n categoryDropdown.value = match.value;\r\n } else {\r\n categoryDropdown.value = \"All\";\r\n }\r\n }\r\n\r\n \/\/ Sync pill active classes\r\n const pills = pillsContainer.querySelectorAll('.sf-pill-btn');\r\n pills.forEach(pill => {\r\n if (pill.getAttribute('data-cat').toLowerCase() === cat.toLowerCase()) {\r\n pill.classList.add('sf-active');\r\n } else {\r\n pill.classList.remove('sf-active');\r\n }\r\n });\r\n\r\n applyFilters();\r\n }\r\n\r\n \/\/ Event Listeners for Search Field\r\n searchInput.addEventListener('input', function(e) {\r\n currentSearchTerm = e.target.value;\r\n applyFilters();\r\n });\r\n\r\n \/\/ Event Listeners for Dropdown Select\r\n categoryDropdown.addEventListener('change', function(e) {\r\n setCategory(e.target.value);\r\n });\r\n\r\n \/\/ Event Delegation for Filter Pills\r\n pillsContainer.addEventListener('click', function(e) {\r\n const target = e.target.closest('.sf-pill-btn');\r\n if (!target) return;\r\n const cat = target.getAttribute('data-cat');\r\n setCategory(cat);\r\n });\r\n\r\n \/\/ Clear Search Action\r\n clearBtn.addEventListener('click', function() {\r\n searchInput.value = '';\r\n currentSearchTerm = '';\r\n setCategory('All');\r\n searchInput.focus();\r\n });\r\n\r\n \/\/ Article Link Redirection with Smooth Transition\r\n container.addEventListener('click', function(e) {\r\n const btn = e.target.closest('.sf-card-btn');\r\n if (!btn) return;\r\n \r\n e.preventDefault();\r\n const targetUrl = btn.getAttribute('data-url');\r\n \r\n \/\/ Visual feedback\r\n btn.style.opacity = '0.75';\r\n btn.style.transform = 'scale(0.97)';\r\n \r\n \/\/ Immediate clean redirection\r\n setTimeout(() => {\r\n window.location.href = targetUrl;\r\n }, 140);\r\n });\r\n\r\n \/\/ Smooth Scroll for Hero \"Explore Articles\" button\r\n if (scrollTrigger) {\r\n scrollTrigger.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetSection = document.getElementById('sf-articles-vault');\r\n if (targetSection) {\r\n targetSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }\r\n });\r\n }\r\n\r\n \/\/ Initial Render of All 30 Articles\r\n renderArticles(sfArticlesData);\r\n\r\n })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Financial Education & Investment Guides | Sushil Finvest \u20b9 Financial Education SUSHIL FINVEST Smart Knowledge. Smarter Financial Decisions. Learn investing, understand risk, and build better financial habits with simple, practical financial education. Explore Articles \u2193 Explore Financial Knowledge Learn Today. Invest Smarter Tomorrow. Explore easy-to-understand guides on investing, stocks, mutual funds, portfolio building, retirement planning […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=126"}],"version-history":[{"count":5,"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/www.sushilfinvest.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}