gtag('js', new Date());
  gtag('config', 'G-5DMGR00NPF');
</script>
	<script>
  		window.dataLayer = window.dataLayer || [];
  		function gtag(){dataLayer.push(arguments);}
  		gtag('js', new Date());

  		gtag('config', 'G-5DMGR00NPF');
	</script>
	<!-- End Google tag (gtag.js) -->
	
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Understanding Market Cap & Indices: How Nifty, Sensex Really Work - Finmagine</title>
    <meta name="description" content="Master market capitalization, index mechanics, and sector classification. Learn how Nifty and Sensex work, understand large/mid/small caps, and decode investor categories for smarter investment decisions.">
    
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f5f7fa;
        }

        .header {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 2rem 0;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .header h1 {
            color: #ffd700;
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }

        .header .subtitle {
            color: white;
            font-size: 1.2rem;
            font-weight: 300;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        .article-meta {
            text-align: center;
            margin-bottom: 2rem;
            color: #666;
        }

        .article-meta span {
            margin: 0 1rem;
        }

        .intro-section {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            border-left: 5px solid #2a5298;
        }

        .framework-section {
            background: white;
            margin-bottom: 2rem;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            overflow: hidden;
        }

        .section-header {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 1.5rem;
        }

        .section-header h2 {
            color: #ffd700;
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }

        .section-content {
            padding: 2rem;
        }

        .market-cap-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }

        .market-cap-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 12px;
            transition: transform 0.3s ease;
        }

        .market-cap-card:hover {
            transform: translateY(-5px);
        }

        .market-cap-card h3 {
            color: #ffd700;
            margin-bottom: 1rem;
            font-size: 1.2rem;
        }

        .cap-definition {
            background: rgba(255, 255, 255, 0.1);
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }

        .cap-examples {
            font-size: 0.9rem;
        }

        .cap-examples ul {
            margin-left: 1rem;
        }

        .cap-examples li {
            margin-bottom: 0.3rem;
        }

        .comparison-table {
            width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .comparison-table th {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: #ffd700;
            padding: 1rem;
            text-align: left;
            font-weight: bold;
        }

        .comparison-table td {
            padding: 1rem;
            border-bottom: 1px solid #eee;
            vertical-align: top;
        }

        .comparison-table tr:nth-child(even) {
            background-color: #f8f9fa;
        }

        .index-mechanics {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
            padding: 2rem;
            border-radius: 15px;
            margin: 2rem 0;
        }

        .index-mechanics h3 {
            color: #fff;
            margin-bottom: 1.5rem;
            text-align: center;
            font-size: 1.8rem;
        }

        .index-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

        .index-card {
            background: rgba(255, 255, 255, 0.1);
            padding: 1.5rem;
            border-radius: 10px;
        }

        .index-card h4 {
            color: #fff;
            margin-bottom: 1rem;
            font-size: 1.1rem;
        }

        .index-stats {
            background: rgba(255, 255, 255, 0.2);
            padding: 0.8rem;
            border-radius: 5px;
            margin-bottom: 1rem;
            font-size: 0.9rem;
            font-family: 'Courier New', monospace;
        }

        .sector-rotation {
            background: linear-gradient(135deg, #e91e63 0%, #ad1457 100%);
            color: white;
            padding: 2rem;
            border-radius: 15px;
            margin: 2rem 0;
        }

        .sector-rotation h3 {
            color: #fff;
            margin-bottom: 1.5rem;
            text-align: center;
            font-size: 1.8rem;
        }

        .sector-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
        }

        .sector-card {
            background: rgba(255, 255, 255, 0.1);
            padding: 1.5rem;
            border-radius: 10px;
            text-align: center;
        }

        .sector-icon {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .sector-card h4 {
            color: #fff;
            margin-bottom: 1rem;
        }

        .sector-performance {
            font-size: 0.9rem;
        }

        .investor-types {
            background: linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%);
            color: white;
            padding: 2rem;
            border-radius: 15px;
            margin: 2rem 0;
        }

        .investor-types h3 {
            color: #fff;
            margin-bottom: 1.5rem;
            text-align: center;
            font-size: 1.8rem;
        }

        .investor-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

        .investor-card {
            background: rgba(255, 255, 255, 0.1);
            padding: 1.5rem;
            border-radius: 10px;
        }

        .investor-card h4 {
            color: #fff;
            margin-bottom: 1rem;
            font-size: 1.1rem;
        }

        .investor-characteristics {
            background: rgba(255, 255, 255, 0.2);
            padding: 0.8rem;
            border-radius: 5px;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }

        .calculation-example {
            background: #e8f5e8;
            border-left: 4px solid #28a745;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 2rem 0;
        }

        .calculation-example h4 {
            color: #155724;
            margin-bottom: 1rem;
        }

        .example-data {
            background: white;
            padding: 1rem;
            border-radius: 5px;
            margin: 1rem 0;
            font-family: 'Courier New', monospace;
        }

        .example-calculation {
            background: #d4edda;
            padding: 1rem;
            border-radius: 5px;
            margin: 1rem 0;
        }

        .warning-box {
            background: #fff3cd;
            border: 1px solid #ffc107;
            border-left: 4px solid #ffc107;
            padding: 1rem;
            border-radius: 8px;
            margin: 1.5rem 0;
        }

        .success-box {
            background: #d4edda;
            border: 1px solid #28a745;
            border-left: 4px solid #28a745;
            padding: 1rem;
            border-radius: 8px;
            margin: 1.5rem 0;
        }

        .info-box {
            background: #d1ecf1;
            border: 1px solid #17a2b8;
            border-left: 4px solid #17a2b8;
            padding: 1rem;
            border-radius: 8px;
            margin: 1.5rem 0;
        }

        .highlight {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 1.5rem 0;
        }

        .highlight h3 {
            color: #ffd700;
            margin-bottom: 1rem;
        }

        .portfolio-allocation {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 2rem;
            margin: 2rem 0;
        }

        .portfolio-allocation h3 {
            color: #2a5298;
            margin-bottom: 1.5rem;
            text-align: center;
        }

        .allocation-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

        .allocation-strategy {
            background: white;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #2a5298;
        }

        .allocation-strategy h4 {
            color: #2a5298;
            margin-bottom: 1rem;
        }

        .allocation-breakdown {
            font-size: 0.9rem;
        }

        .cta-section {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            padding: 2rem;
            border-radius: 15px;
            text-align: center;
            margin: 2rem 0;
        }

        .cta-section h2 {
            color: #ffd700;
            margin-bottom: 1rem;
        }

        .cta-button {
            background: #ffd700;
            color: #1e3c72;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            font-weight: bold;
            text-decoration: none;
            display: inline-block;
            margin: 0.5rem;
            transition: transform 0.3s ease;
        }

        .cta-button:hover {
            transform: translateY(-2px);
            text-decoration: none;
            color: #1e3c72;
        }

        @media (max-width: 768px) {
            .market-cap-grid,
            .index-grid,
            .sector-grid,
            .investor-grid,
            .allocation-grid {
                grid-template-columns: 1fr;
            }
            
            .container {
                padding: 1rem;
            }
            
            .header h1 {
                font-size: 2rem;
            }

            .comparison-table {
                font-size: 0.8rem;
            }
        }

        /* Navigation Content STARTS */
        :root {
            --primary-color: #1e3a8a;
            --secondary-color: #f59e0b;
            --text-color: #333333;
            --light-gray: #f3f4f6;
            --border-color: #e5e7eb;
            --footer-color: #f9fafb;
        }
        
        .navbar {
            background-color: black;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            width: 100%;
            box-sizing: border-box;
        }
        
        .navbar a {
            color: white;
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 4px;
            font-weight: bold;
            transition: background-color 0.3s ease;
        }
        
        .navbar a:hover {
            background-color: #333;
        }
        
        .home-button {
            background-color: #4CAF50;
        }
        
        .rankings-button {
            background-color: #2196F3;
        }
        
        .site-title {
            color: white;
            font-size: 1.5rem;
            font-weight: bold;
            text-align: center;
            flex-grow: 1;
        }
                
        .footer {
            background-color: black;
            color: white;
            padding: 20px;
            text-align: center;
            width: 100%;
            box-sizing: border-box;
        }
        
        .footer-content {
            max-width: 800px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        
        .section.conclusion {
    		color: white;
    		background-color: #3b3b3b;
    		text-align: center;
   			max-width: 800px;
    		margin: 0 auto;
    		padding: 20px;
    		font-size: 0.75rem;
    		line-height: 1.4;
		}

		.section.conclusion p {
    		text-align: left;
    		font-size: 0.75rem;
    		margin-bottom: 8px;
		}
		
		.section.conclusion strong {
    		font-size: 0.8rem;
		}
        
        .copyright {
            margin: 0;
            font-size: 0.9rem;
        }
        
        .terms-link {
            color: #2196F3;
            text-decoration: none;
            font-size: 0.9rem;
        }
        
        .terms-link:hover {
            text-decoration: underline;
        }
        
        .back-to-top {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: var(--primary-color);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s;
        }
        
        .back-to-top:hover {
            background-color: var(--secondary-color);
        }
        /* Navigation Content ENDS */

        /*  Audio Player Card Styles Start */
        .audio-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            padding: 24px;
            margin: 20px 0;
            box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            color: white;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            max-width: 100%;
            position: relative;
            overflow: hidden;
        }

        .audio-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>');
            pointer-events: none;
        }

        .audio-header {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }

        .audio-icon {
            width: 48px;
            height: 48px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            backdrop-filter: blur(10px);
        }

        .audio-title {
            flex: 1;
        }

        .audio-title h3 {
            margin: 0 0 4px 0;
            font-size: 20px;
            font-weight: 600;
            color: white;
        }

        .audio-subtitle {
            margin: 0;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.8);
        }

        .audio-player {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 16px;
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .custom-audio-player {
            width: 100%;
            height: 50px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 25px;
            display: flex;
            align-items: center;
            padding: 0 20px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .play-btn {
            width: 36px;
            height: 36px;
            background: rgba(255, 255, 255, 0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            margin-right: 16px;
        }

        .play-btn:hover {
            background: white;
            transform: scale(1.05);
        }

        .play-btn svg {
            width: 16px;
            height: 16px;
            fill: #667eea;
        }

        .progress-container {
            flex: 1;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
            margin-right: 16px;
            cursor: pointer;
            position: relative;
        }

        .progress-bar {
            height: 100%;
            background: white;
            border-radius: 2px;
            width: 0%;
            transition: width 0.1s ease;
        }

        .time-display {
            color: rgba(255, 255, 255, 0.9);
            font-size: 12px;
            font-weight: 500;
            min-width: 80px;
            text-align: right;
        }

        .audio-description {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 14px;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.9);
        }

        /* Responsive design */
        @media (max-width: 600px) {
            .audio-card {
                margin: 16px 0;
                padding: 20px;
            }
            
            .audio-header {
                flex-direction: column;
                text-align: center;
            }
            
            .audio-icon {
                margin-right: 0;
                margin-bottom: 12px;
            }
        }

        /* Loading animation */
        .loading {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        /*  Audio Player Card Styles End */

        /* Multimedia Section Styles START */
        .multimedia-section {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 3rem 0;
            margin-bottom: 2rem;
        }

        .multimedia-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        .multimedia-header {
            text-align: center;
            margin-bottom: 2.5rem;
        }

        .multimedia-header h2 {
            color: #fff;
            font-size: 2rem;
            margin-bottom: 0.5rem;
            font-weight: 600;
        }

        .multimedia-header p {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.1rem;
        }

        .format-selector {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1rem;
            margin-bottom: 2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .format-btn {
            background: rgba(255, 255, 255, 0.15);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 16px;
            padding: 1.5rem;
            cursor: pointer;
            transition: all 0.3s ease;
            text-align: center;
            color: white;
            backdrop-filter: blur(10px);
        }

        .format-btn:hover {
            background: rgba(255, 255, 255, 0.25);
            border-color: rgba(255, 255, 255, 0.5);
            transform: translateY(-2px);
        }

        .format-btn.active {
            background: rgba(255, 255, 255, 0.3);
            border-color: #ffd700;
            box-shadow: 0 8px 32px rgba(255, 215, 0, 0.3);
        }

        .format-icon {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
        }

        .format-title {
            font-size: 1.2rem;
            font-weight: 600;
            margin-bottom: 0.3rem;
        }

        .format-description {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .format-content {
            display: none;
            background: rgba(255, 255, 255, 0.95);
            border-radius: 20px;
            padding: 2rem;
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }

        .format-content.active {
            display: block;
        }

        .youtube-wrapper {
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
            border-radius: 12px;
            margin-bottom: 1.5rem;
        }

        .youtube-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .audio-player-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            padding: 2rem;
            margin-bottom: 1.5rem;
            color: white;
        }

        .audio-header {
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
        }

        .audio-icon-container {
            margin-right: 1rem;
        }

        .audio-icon {
            font-size: 2rem;
            background: rgba(255, 255, 255, 0.2);
            padding: 0.8rem;
            border-radius: 12px;
            display: inline-block;
        }

        .audio-title-section h3 {
            margin: 0 0 0.3rem 0;
            font-size: 1.4rem;
        }

        .audio-subtitle {
            margin: 0;
            opacity: 0.9;
            font-size: 0.95rem;
        }

        .custom-audio-player {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 50px;
            padding: 1rem 1.5rem;
            backdrop-filter: blur(10px);
        }

        .play-pause-btn {
            background: white;
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin-right: 1rem;
            transition: all 0.3s ease;
        }

        .play-pause-btn:hover {
            transform: scale(1.05);
        }

        .play-pause-btn svg {
            width: 20px;
            height: 20px;
            fill: #667eea;
        }

        .progress-section {
            flex: 1;
        }

        .progress-container {
            background: rgba(255, 255, 255, 0.3);
            height: 6px;
            border-radius: 3px;
            cursor: pointer;
            margin-bottom: 0.5rem;
        }

        .progress-bar {
            background: white;
            height: 100%;
            border-radius: 3px;
            width: 0%;
            transition: width 0.1s ease;
        }

        .time-info {
            display: flex;
            justify-content: space-between;
            font-size: 0.85rem;
            opacity: 0.9;
        }

        .text-preview-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border-radius: 16px;
            padding: 2rem;
            margin-bottom: 1.5rem;
        }

        .text-preview-header h3 {
            margin: 0 0 0.5rem 0;
            font-size: 1.4rem;
        }

        .text-preview-header p {
            margin: 0 0 1rem 0;
            opacity: 0.9;
        }

        .text-preview-content {
            margin: 1.5rem 0;
        }

        .text-preview-content p {
            margin-bottom: 1rem;
            line-height: 1.6;
        }

        .text-cta {
            text-align: center;
            margin-top: 1.5rem;
        }

        .scroll-to-content-btn {
            background: #ffd700;
            color: #333;
            border: none;
            padding: 1rem 2rem;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1rem;
        }

        .scroll-to-content-btn:hover {
            background: #ffed4a;
            transform: translateY(-2px);
        }

        .format-benefits {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 1.5rem;
            border-left: 4px solid #667eea;
        }

        .format-benefits h4 {
            color: #333;
            margin: 0 0 1rem 0;
            font-size: 1.1rem;
        }

        .format-benefits ul {
            margin: 0;
            padding-left: 1.2rem;
            color: #555;
        }

        .format-benefits li {
            margin-bottom: 0.8rem;
            line-height: 1.5;
        }

        .format-benefits li strong {
            color: #333;
        }

        @media (max-width: 768px) {
            .multimedia-section {
                padding: 2rem 0;
            }
            
            .multimedia-container {
                padding: 0 1rem;
            }
            
            .format-selector {
                grid-template-columns: 1fr;
                gap: 0.8rem;
            }
            
            .format-btn {
                padding: 1.2rem;
            }
            
            .format-icon {
                font-size: 2rem;
            }
            
            .audio-header {
                flex-direction: column;
                text-align: center;
            }
            
            .audio-icon-container {
                margin-right: 0;
                margin-bottom: 1rem;
            }
            
            .custom-audio-player {
                flex-direction: column;
                padding: 1.5rem;
                gap: 1rem;
            }
            
            .play-pause-btn {
                margin-right: 0;
                margin-bottom: 0.5rem;
            }
            
            .progress-section {
                width: 100%;
            }
        }
        /* Multimedia Section Styles END */

    </style>
</head>
<body>
    <div class="navbar">
        <a href="../index.php" class="home-button"><span class="home-icon">🏠</span> Home</a>
        <div class="site-title">Finmagine</div>
        <a href="../education.php" class="rankings-button"><span class="rankings-icon">📊</span> Education</a>
    </div>
    <header class="header">
        <h1>📊 Market Cap & Indices</h1>
        <p class="subtitle">How Nifty, Sensex Really Work</p>
    </header>

    <!-- Multimedia Section START -->
    <div class="multimedia-section">
        <div class="multimedia-container">
            <div class="multimedia-header">
                <h2>📚 Choose Your Learning Format</h2>
                <p>Select your preferred way to learn about Market Cap & Indices</p>
            </div>
            
            <div class="format-selector">
                <button class="format-btn active" data-format="youtube">
                    <div class="format-icon">📺</div>
                    <div class="format-title">YouTube Video</div>
                    <div class="format-description">Visual explanation with charts</div>
                </button>
                
                <button class="format-btn" data-format="audio">
                    <div class="format-icon">🎧</div>
                    <div class="format-title">Audio Commentary</div>
                    <div class="format-description">Listen while multitasking</div>
                </button>
                
                <button class="format-btn" data-format="text">
                    <div class="format-icon">📖</div>
                    <div class="format-title">Text Article</div>
                    <div class="format-description">Detailed written analysis</div>
                </button>
            </div>
            
            <!-- YouTube Format -->
            <div class="format-content active" id="youtube-content">
                <div class="youtube-wrapper">
                    <iframe width="100%" height="400" 
                        src="https://www.youtube.com/embed/9Z6AA1kEWTw" 
                        title="Market Cap & Indices - YouTube Video" 
                        frameborder="0" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                        allowfullscreen>
                    </iframe>
                </div>
                <div class="format-benefits">
                    <h4>📈 What you'll learn from the video:</h4>
                    <ul>
                        <li><strong>Market Capitalization Calculations:</strong> Understanding how company size is determined and classified</li>
                        <li><strong>Nifty and Sensex Construction:</strong> Mechanics behind India's major indices and their weightage systems</li>
                        <li><strong>Index-Based Investing:</strong> How indices work and their role in investment strategies</li>
                        <li><strong>Market Cap Impact on Behavior:</strong> Why large-cap, mid-cap, and small-cap stocks behave differently</li>
                        <li><strong>Sector Allocation Strategies:</strong> Using market structure for intelligent portfolio construction</li>
                    </ul>
                </div>
            </div>
            
            <!-- Audio Format -->
            <div class="format-content" id="audio-content">
                <div class="audio-player-card">
                    <div class="audio-header">
                        <div class="audio-icon-container">
                            <div class="audio-icon">🎧</div>
                        </div>
                        <div class="audio-title-section">
                            <h3>Market Structure Mastery Audio Guide</h3>
                            <p class="audio-subtitle">Professional insights on Market Cap & Indices</p>
                        </div>
                    </div>
                    
                    <div class="audio-controls">
                        <div class="custom-audio-player">
                            <button class="play-pause-btn" id="playPauseBtn">
                                <svg class="play-icon" viewBox="0 0 24 24">
                                    <polygon points="5,3 19,12 5,21"></polygon>
                                </svg>
                                <svg class="pause-icon" viewBox="0 0 24 24" style="display: none;">
                                    <rect x="6" y="4" width="4" height="16"></rect>
                                    <rect x="14" y="4" width="4" height="16"></rect>
                                </svg>
                            </button>
                            
                            <div class="progress-section">
                                <div class="progress-container" id="progressContainer">
                                    <div class="progress-bar" id="progressBar"></div>
                                </div>
                                <div class="time-info">
                                    <span id="currentTime">0:00</span>
                                    <span>/</span>
                                    <span id="totalDuration">--:--</span>
                                </div>
                            </div>
                        </div>
                        
                        <audio id="audioElement" preload="metadata">
                            <source src="../assets/audio/Edu_MarketCapIndices.wav" type="audio/wav">
                            Your browser does not support the audio element.
                        </audio>
                    </div>
                </div>
                
                <div class="format-benefits">
                    <h4>🎯 What you'll learn from the audio:</h4>
                    <ul>
                        <li><strong>Market Capitalization Calculations:</strong> Understanding how company size is determined and classified</li>
                        <li><strong>Nifty and Sensex Construction:</strong> Mechanics behind India's major indices and their weightage systems</li>
                        <li><strong>Index-Based Investing:</strong> How indices work and their role in investment strategies</li>
                        <li><strong>Market Cap Impact on Behavior:</strong> Why large-cap, mid-cap, and small-cap stocks behave differently</li>
                        <li><strong>Sector Allocation Strategies:</strong> Using market structure for intelligent portfolio construction</li>
                    </ul>
                </div>
            </div>
            
            <!-- Text Format -->
            <div class="format-content" id="text-content">
                <div class="text-preview-card">
                    <div class="text-preview-header">
                        <h3>📖 Comprehensive Text Analysis</h3>
                        <p>Detailed written guide with examples and calculations</p>
                    </div>
                    <div class="text-preview-content">
                        <p><strong>📊 Market Capitalization Framework:</strong> Learn the systematic approach to categorizing companies by size and understanding their investment characteristics.</p>
                        <p><strong>📈 Index Mechanics Deep Dive:</strong> Understand how Nifty and Sensex are constructed, weighted, and rebalanced with real examples.</p>
                        <p><strong>🔄 Sector Rotation Strategies:</strong> Master the art of using sectoral indices for timing and portfolio allocation decisions.</p>
                        <p><strong>👥 Investor Category Analysis:</strong> Decode how different investor types (FII, DII, Retail) impact market movements.</p>
                    </div>
                    <div class="text-cta">
                        <button class="scroll-to-content-btn" onclick="scrollToMainContent()">
                            📚 Start Reading Full Article
                        </button>
                    </div>
                </div>
                
                <div class="format-benefits">
                    <h4>📚 What you'll learn from the article:</h4>
                    <ul>
                        <li><strong>Market Capitalization Calculations:</strong> Understanding how company size is determined and classified</li>
                        <li><strong>Nifty and Sensex Construction:</strong> Mechanics behind India's major indices and their weightage systems</li>
                        <li><strong>Index-Based Investing:</strong> How indices work and their role in investment strategies</li>
                        <li><strong>Market Cap Impact on Behavior:</strong> Why large-cap, mid-cap, and small-cap stocks behave differently</li>
                        <li><strong>Sector Allocation Strategies:</strong> Using market structure for intelligent portfolio construction</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Multimedia Section END -->

    <div class="container">
        <div class="article-meta">
            <span>📅 Weekend Read</span>
            <span>⏱️ 16 min read</span>
            <span>🏷️ Market Structure</span>
            <span>📈 Index Analysis</span>
        </div>

        <div class="intro-section">
            <h2>🎯 From Market Basics to Market Intelligence</h2>
            <p>You understand how markets work and can place orders confidently. Now comes the crucial insight: not all companies are created equal, and not all market movements are random. The stock market has a sophisticated organizational structure that categorizes companies by size, groups them into indices, and tracks different investor behaviors that drive prices.</p>
            
            <p style="margin-top: 1rem;">Understanding market capitalization and indices isn't just academic knowledge - it's the foundation for smart investment decisions. Why do large cap stocks behave differently from small caps? How do Nifty and Sensex actually represent the broader market? When should you focus on Bank Nifty vs IT indices? These insights help you time investments, allocate portfolio weightings, and understand market sentiment.</p>

            <p style="margin-top: 1rem;">Today, we'll decode the market's organizational structure, understand how indices work behind the scenes, and learn to read market signals that guide professional investors. This knowledge bridges market mechanics to intelligent stock selection.</p>
        </div>


        <div class="framework-section">
            <div class="section-header">
                <h2>💰 Market Capitalization: Company Size Categories</h2>
                <p>Understanding why company size matters for investment strategy</p>
            </div>
            <div class="section-content">
                <div class="market-cap-grid">
                    <div class="market-cap-card">
                        <h3>🏢 Large Cap Companies</h3>
                        <div class="cap-definition">
                            Market Cap: >₹20,000 crores<br/>
                            Characteristics: Established leaders, stable growth, lower volatility, dividend-paying
                        </div>
                        <div class="cap-examples">
                            <strong>Examples:</strong>
                            <ul>
                                <li>TCS (₹12+ lakh crores)</li>
                                <li>Reliance (₹15+ lakh crores)</li>
                                <li>HDFC Bank (₹8+ lakh crores)</li>
                                <li>Infosys (₹6+ lakh crores)</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="market-cap-card">
                        <h3>🏭 Mid Cap Companies</h3>
                        <div class="cap-definition">
                            Market Cap: ₹5,000-20,000 crores<br/>
                            Characteristics: Growth phase, moderate volatility, expansion opportunities
                        </div>
                        <div class="cap-examples">
                            <strong>Examples:</strong>
                            <ul>
                                <li>Zomato (₹15,000 crores)</li>
                                <li>Divi's Laboratories (₹13,000 crores)</li>
                                <li>Godrej Consumer (₹8,000 crores)</li>
                                <li>Muthoot Finance (₹6,000 crores)</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="market-cap-card">
                        <h3>🚀 Small Cap Companies</h3>
                        <div class="cap-definition">
                            Market Cap: <₹5,000 crores<br/>
                            Characteristics: High growth potential, high volatility, emerging businesses
                        </div>
                        <div class="cap-examples">
                            <strong>Examples:</strong>
                            <ul>
                                <li>Many pharmaceutical companies</li>
                                <li>Regional banks</li>
                                <li>Specialty chemical firms</li>
                                <li>Technology startups</li>
                            </ul>
                        </div>
                    </div>

                    <div class="market-cap-card">
                        <h3>💎 Blue Chip Companies</h3>
                        <div class="cap-definition">
                            Special Category: Market leaders with excellent track records<br/>
                            Characteristics: Premium quality, consistent performance, brand recognition
                        </div>
                        <div class="cap-examples">
                            <strong>Examples:</strong>
                            <ul>
                                <li>Asian Paints (market leader)</li>
                                <li>Nestle India (premium brand)</li>
                                <li>HDFC Bank (banking leader)</li>
                                <li>ITC (diversified giant)</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="comparison-table">
                    <thead>
                        <tr>
                            <th>Aspect</th>
                            <th>Large Cap</th>
                            <th>Mid Cap</th>
                            <th>Small Cap</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Risk Level</strong></td>
                            <td style="color: #28a745;">Low</td>
                            <td style="color: #ffc107;">Moderate</td>
                            <td style="color: #dc3545;">High</td>
                        </tr>
                        <tr>
                            <td><strong>Growth Potential</strong></td>
                            <td>Steady (8-15% annually)</td>
                            <td>Good (15-25% annually)</td>
                            <td>High (25%+ annually)</td>
                        </tr>
                        <tr>
                            <td><strong>Volatility</strong></td>
                            <td>Low (10-20% swings)</td>
                            <td>Moderate (20-40% swings)</td>
                            <td>High (40%+ swings)</td>
                        </tr>
                        <tr>
                            <td><strong>Liquidity</strong></td>
                            <td style="color: #28a745;">High (easy to buy/sell)</td>
                            <td style="color: #ffc107;">Moderate</td>
                            <td style="color: #dc3545;">Low (difficult to exit)</td>
                        </tr>
                        <tr>
                            <td><strong>Research Coverage</strong></td>
                            <td>Extensive analyst coverage</td>
                            <td>Good coverage</td>
                            <td>Limited coverage</td>
                        </tr>
                        <tr>
                            <td><strong>Best for</strong></td>
                            <td>Conservative investors, retirees</td>
                            <td>Balanced growth seekers</td>
                            <td>Aggressive growth investors</td>
                        </tr>
                    </tbody>
                </table>

                <div class="calculation-example">
                    <h4>📊 Market Cap Calculation: Understanding Company Value</h4>
                    <div class="example-data">
<strong>TCS Market Cap Calculation:</strong>
Total Shares Outstanding: 37.0 crore shares
Current Market Price: ₹3,500 per share
Market Cap = 37.0 crore × ₹3,500 = ₹12,95,000 crores

<strong>Why TCS is Large Cap:</strong>
₹12,95,000 crores > ₹20,000 crores threshold
Category: Large Cap (Mega Cap actually)
Classification: Blue Chip company
                    </div>
                    <div class="example-calculation">
<strong>Market Cap Significance:</strong>
• Represents total company value as per market
• Changes every second with stock price movements
• Determines index weightage (higher cap = more influence)
• Affects institutional investment eligibility
• Influences liquidity and trading volumes
                    </div>
                    <p><strong>Key Learning:</strong> Market cap isn't just a number - it determines a company's risk profile, growth potential, and suitability for different investor types.</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>📈 Index Mechanics: How Nifty & Sensex Work</h2>
                <p>Understanding the mathematics behind market indices</p>
            </div>
            <div class="section-content">
                <div class="index-mechanics">
                    <h3>🔢 Index Construction & Calculation</h3>
                    <div class="index-grid">
                        <div class="index-card">
                            <h4>Nifty 50</h4>
                            <div class="index-stats">
Exchange: NSE
Companies: Top 50 by market cap
Base Year: 1995 (Value: 1000)
Current: ~18,000 (varies daily)
                            </div>
                            <p><strong>Selection Criteria:</strong> Market cap, liquidity, sector representation, listing history</p>
                        </div>
                        
                        <div class="index-card">
                            <h4>Sensex</h4>
                            <div class="index-stats">
Exchange: BSE
Companies: Top 30 by market cap
Base Year: 1978-79 (Value: 100)
Current: ~60,000 (varies daily)
                            </div>
                            <p><strong>Selection Criteria:</strong> Market cap, trading frequency, industry representation</p>
                        </div>
                        
                        <div class="index-card">
                            <h4>Free Float Calculation</h4>
                            <div class="index-stats">
Total Shares: 100 crore
Promoter Holding: 60 crore
Free Float: 40 crore shares
Index Weight: Based on 40 crore only
                            </div>
                            <p><strong>Why Free Float?</strong> Only considers shares available for public trading</p>
                        </div>

                        <div class="index-card">
                            <h4>Sectoral Indices</h4>
                            <div class="index-stats">
Bank Nifty: Top 12 banking stocks
IT Nifty: Top IT services companies
Pharma Nifty: Pharmaceutical leaders
Auto Nifty: Automobile companies
                            </div>
                            <p><strong>Usage:</strong> Track sector-specific performance and opportunities</p>
                        </div>
                    </div>
                </div>

                <div class="success-box">
                    <h4>✅ Index Weightage Impact</h4>
                    <p><strong>High Weightage Stocks:</strong> Reliance (~10% of Nifty) moving 5% affects index by ~0.5%</p>
                    <p><strong>Low Weightage Stocks:</strong> Small stock moving 20% may not visibly impact index</p>
                    <p><strong>Rebalancing:</strong> Indices review and change constituent stocks periodically</p>
                    <p><strong>Investment Insight:</strong> Index fund performance heavily depends on top 10-15 stocks</p>
                </div>

                <div class="highlight">
                    <h3>🎯 Reading Index Movements</h3>
                    <p><strong>Broad Market Trend:</strong> Nifty/Sensex up = general market optimism</p>
                    <p><strong>Sector Rotation:</strong> Bank Nifty outperforming IT Nifty = money moving to banking</p>
                    <p><strong>Risk Appetite:</strong> Small cap indices rising faster = aggressive sentiment</p>
                    <p style="margin-top: 1rem;"><strong>Investment Strategy:</strong> Use indices to time sector allocation and understand market sentiment before individual stock selection.</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🔄 Sector Rotation & Index Strategies</h2>
                <p>Using sectoral indices for investment timing and allocation</p>
            </div>
            <div class="section-content">
                <div class="sector-rotation">
                    <h3>📊 Major Sectoral Indices & Their Signals</h3>
                    <div class="sector-grid">
                        <div class="sector-card">
                            <div class="sector-icon">🏦</div>
                            <h4>Bank Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Economic growth phase, rate cycle bottom<br/>
                                <strong>When it lags:</strong> NPA concerns, rate hikes
                            </div>
                        </div>
                        
                        <div class="sector-card">
                            <div class="sector-icon">💻</div>
                            <h4>IT Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Rupee weakness, global tech spending<br/>
                                <strong>When it lags:</strong> Recession fears, automation concerns
                            </div>
                        </div>
                        
                        <div class="sector-card">
                            <div class="sector-icon">🛒</div>
                            <h4>FMCG Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Rural recovery, defensive buying<br/>
                                <strong>When it lags:</strong> Raw material inflation, slowdown
                            </div>
                        </div>

                        <div class="sector-card">
                            <div class="sector-icon">🚗</div>
                            <h4>Auto Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Festive season, rate cuts<br/>
                                <strong>When it lags:</strong> Fuel price rise, credit tightening
                            </div>
                        </div>

                        <div class="sector-card">
                            <div class="sector-icon">💊</div>
                            <h4>Pharma Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Health crises, US FDA approvals<br/>
                                <strong>When it lags:</strong> Price controls, competition
                            </div>
                        </div>

                        <div class="sector-card">
                            <div class="sector-icon">⚡</div>
                            <h4>Energy Nifty</h4>
                            <div class="sector-performance">
                                <strong>When it leads:</strong> Oil price rise, refining margins<br/>
                                <strong>When it lags:</strong> Green energy shift, regulation
                            </div>
                        </div>
                    </div>
                </div>

                <div class="info-box">
                    <h4>💡 Sector Rotation Strategy</h4>
                    <p><strong>Economic Expansion:</strong> Banks, Auto, Real Estate lead</p>
                    <p><strong>Economic Uncertainty:</strong> FMCG, Pharma, IT provide safety</p>
                    <p><strong>Interest Rate Cuts:</strong> Banks, Auto, Real Estate benefit</p>
                    <p><strong>Global Slowdown:</strong> Domestic consumption (FMCG) and IT exports gain</p>
                    <p><strong>Practical Tip:</strong> Watch which sectoral indices are outperforming Nifty for allocation clues</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>👥 Investor Categories: Who Moves Markets</h2>
                <p>Understanding different investor types and their market impact</p>
            </div>
            <div class="section-content">
                <div class="investor-types">
                    <h3>🌍 Market Participants & Their Influence</h3>
                    <div class="investor-grid">
                        <div class="investor-card">
                            <h4>RII - Retail Individual Investors</h4>
                            <div class="investor-characteristics">
IPO Limit: <₹2 lakhs
Market Share: ~30-40% of trading volume
Behavior: Trend followers, emotional
                            </div>
                            <p><strong>Market Impact:</strong> Create momentum, provide liquidity, often follow news</p>
                        </div>
                        
                        <div class="investor-card">
                            <h4>HNI - High Net Worth Individuals</h4>
                            <div class="investor-characteristics">
IPO Limit: >₹2 lakhs
Market Share: ~15-20% of trading
Behavior: More informed, quality focused
                            </div>
                            <p><strong>Market Impact:</strong> Can influence mid/small cap stocks, quality conscious</p>
                        </div>
                        
                        <div class="investor-card">
                            <h4>DII - Domestic Institutional Investors</h4>
                            <div class="investor-characteristics">
Types: Mutual funds, insurance, PF
Market Share: ~15-20% of equity
Behavior: Long-term, systematic
                            </div>
                            <p><strong>Market Impact:</strong> Provide stability, counter FII selling, support domestic growth</p>
                        </div>

                        <div class="investor-card">
                            <h4>FII/FPI - Foreign Institutional/Portfolio Investors</h4>
                            <div class="investor-characteristics">
Types: Global funds, pension funds
Market Share: ~20-25% of equity
Behavior: Global allocation, macro driven
                            </div>
                            <p><strong>Market Impact:</strong> Major price drivers, bring global liquidity, cause volatility</p>
                        </div>
                    </div>
                </div>

                <div class="calculation-example">
                    <h4>📊 FII Flow Impact: Real Market Example</h4>
                    <div class="example-data">
<strong>March 2020 - COVID Panic:</strong>
FII Selling: ₹61,973 crores in March 2020
Nifty Movement: 23,000 → 8,000 (65% fall)
DII Buying: ₹23,000 crores (partial support)
Retail Panic: Heavy selling in small caps

<strong>2021 Recovery:</strong>
FII Buying: ₹2.74 lakh crores in 2021
Nifty Movement: 8,000 → 18,000+ (125% rise)
Result: One of strongest bull markets in history
                    </div>
                    <div class="example-calculation">
<strong>Key Learning from FII Flows:</strong>
• FII selling = Market pressure (good buying opportunity)
• FII buying = Market rally (time to be cautious)
• DII buying provides support during FII exits
• Track monthly FII/DII data for market direction
                    </div>
                    <p><strong>Investment Strategy:</strong> Buy when FIIs are selling (if fundamentals are strong), be cautious when everyone is buying. FII flows often predict market direction 3-6 months ahead.</p>
                </div>

                <div class="warning-box">
                    <h4>⚠️ Reading FII/DII Flow Signals</h4>
                    <p><strong>Bearish Signal:</strong> Continuous FII selling for 3+ months + DII buying slowing down</p>
                    <p><strong>Bullish Signal:</strong> FII buying resuming + DII continuing to buy + retail interest low</p>
                    <p><strong>Mixed Signal:</strong> FII selling but DII buying aggressively = short-term volatility, long-term support</p>
                    <p><strong>Data Source:</strong> Check NSDL, SEBI, and financial news websites for monthly flow data</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>💼 Portfolio Allocation Using Market Structure</h2>
                <p>Applying market cap and sector knowledge to build balanced portfolios</p>
            </div>
            <div class="section-content">
                <div class="portfolio-allocation">
                    <h3>🎯 Strategic Portfolio Allocation Models</h3>
                    <div class="allocation-grid">
                        <div class="allocation-strategy">
                            <h4>Conservative Investor</h4>
                            <div class="allocation-breakdown">
                                <strong>Large Cap:</strong> 60-70%<br/>
                                <strong>Mid Cap:</strong> 20-25%<br/>
                                <strong>Small Cap:</strong> 5-10%<br/>
                                <strong>Sectors:</strong> Banking, FMCG, IT focus<br/>
                                <strong>Risk Level:</strong> Low to Moderate
                            </div>
                        </div>
                        
                        <div class="allocation-strategy">
                            <h4>Balanced Investor</h4>
                            <div class="allocation-breakdown">
                                <strong>Large Cap:</strong> 50-60%<br/>
                                <strong>Mid Cap:</strong> 25-30%<br/>
                                <strong>Small Cap:</strong> 10-15%<br/>
                                <strong>Sectors:</strong> Diversified across 5-6 sectors<br/>
                                <strong>Risk Level:</strong> Moderate
                            </div>
                        </div>
                        
                        <div class="allocation-strategy">
                            <h4>Aggressive Investor</h4>
                            <div class="allocation-breakdown">
                                <strong>Large Cap:</strong> 30-40%<br/>
                                <strong>Mid Cap:</strong> 35-40%<br/>
                                <strong>Small Cap:</strong> 20-25%<br/>
                                <strong>Sectors:</strong> Growth sectors, emerging themes<br/>
                                <strong>Risk Level:</strong> High
                            </div>
                        </div>

                        <div class="allocation-strategy">
                            <h4>Young Professional</h4>
                            <div class="allocation-breakdown">
                                <strong>Large Cap:</strong> 40-50% (stability)<br/>
                                <strong>Mid Cap:</strong> 30-35% (growth)<br/>
                                <strong>Small Cap:</strong> 15-20% (high growth)<br/>
                                <strong>Time Horizon:</strong> 10+ years<br/>
                                <strong>Strategy:</strong> Growth-focused, SIP-based
                            </div>
                        </div>
                    </div>
                </div>

                <div class="highlight">
                    <h3>🎯 Using Indices for Portfolio Review</h3>
                    <p><strong>Monthly Review:</strong> Compare your portfolio performance vs relevant indices (Nifty, Midcap 100)</p>
                    <p><strong>Sector Allocation:</strong> If Banking is 40% of your portfolio but only 30% of Nifty, you're overweight</p>
                    <p><strong>Rebalancing Trigger:</strong> When any sector becomes >25% or <5% of your portfolio</p>
                    <p style="margin-top: 1rem;"><strong>Professional Tip:</strong> Use sector indices to identify rotation opportunities and rebalance accordingly.</p>
                </div>

                <div class="success-box">
                    <h4>✅ Market Structure Checklist for Stock Selection</h4>
                    <ul style="margin-left: 1rem;">
                        <li>✓ Is this large/mid/small cap? Does it fit my risk profile?</li>
                        <li>✓ Which sector index is it part of? Is that sector in favor?</li>
                        <li>✓ What's the current FII/DII flow in this stock/sector?</li>
                        <li>✓ Does this fit my portfolio allocation strategy?</li>
                        <li>✓ How liquid is this stock for easy entry/exit?</li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="cta-section">
            <h2>🎯 Market Structure Mastered - Ready for Analysis</h2>
            <p>You now understand how markets are organized, why company size matters, how indices work, and what drives market movements through different investor behaviors. This market structure knowledge is your foundation for intelligent stock selection and portfolio construction.</p>
            <p style="margin-top: 1rem;">Your next challenge is learning how to analyze individual companies systematically - moving from understanding market structure to evaluating business fundamentals. That's where fundamental analysis transforms market knowledge into investment success.</p>
            <a href="fundamental_analysis_intro.php" class="cta-button">Start Fundamental Analysis</a>
            <a href="ipo_investment_guide.php" class="cta-button">Master IPO Process</a>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🚀 Your Foundation Journey: 75% Complete</h2>
                <p>From market basics to structure intelligence - you're ready for company analysis</p>
            </div>
            <div class="section-content">
                <div class="highlight">
                    <h3>🎯 What You've Accomplished</h3>
                    <p><strong>Market Mechanics:</strong> Demat accounts, trading systems, settlement processes ✓</p>
                    <p><strong>Order Management:</strong> All order types, stop losses, risk management ✓</p>
                    <p><strong>Market Structure:</strong> Market caps, indices, investor categories, allocation strategies ✓</p>
                    <p><strong>Investment Foundation:</strong> Complete framework for intelligent investing</p>
                </div>

                <div class="info-box">
                    <h4>📈 Your Learning Progress</h4>
                    <p><strong>Foundation Skills:</strong> Market mechanics, trading, and structure understanding complete</p>
                    <p><strong>Next Challenge:</strong> Learn systematic company analysis through fundamental analysis</p>
                    <p><strong>Advanced Journey:</strong> Economic analysis → Industry analysis → Financial statements → Ratio analysis</p>
                    <p><strong>Expert Level:</strong> Company valuation, portfolio construction, sector specialization</p>
                </div>

                <p style="margin-top: 1rem;">With market structure mastered, you understand why different companies behave differently, how to read market sentiment, and how to structure portfolios intelligently. You're now equipped for the analytical phase - learning to evaluate which specific companies deserve your investment within each market cap and sector category.</p>
            </div>
        </div>
    </div>

    <footer style="background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); color: white; text-align: center; padding: 2rem; margin-top: 3rem;">
        <p>&copy; 2025 Finmagine. Understanding market structure for intelligent investment decisions.</p>
        <p style="margin-top: 0.5rem; font-size: 0.9rem;">This article is for educational purposes only and should not be considered as investment advice.</p>
    </footer>
    
    <!-- FOOTER STARTS -->
    <a href="#" class="back-to-top" title="Back to Top">↑</a>
    
    <footer class="footer">
        <div class="footer-content">
            <p>&copy; 2024, 2025 Finmagine. All Rights Reserved.</p>
            <p style="margin-top: 10px;">
                <a href="../terms-of-use.php" style="color: #2196F3; text-decoration: none;">Terms of Use</a> | 
                <a href="../privacy-policy.php" style="color: #2196F3; text-decoration: none;">Privacy Policy</a> | 
                <a href="../cookie-policy.php" style="color: #2196F3; text-decoration: none;">Cookie Policy</a>
            </p>
            
            <div style="margin-top: 20px; text-align: left; font-size: 0.85rem; line-height: 1.4;">
                <p><strong>Educational Purpose Disclaimer:</strong> All content on this website is provided for educational and informational purposes only. The information, analysis, and recommendations presented here are based on publicly available data and general market knowledge. This is not personalized financial advice.</p>
                
                <p><strong>No Investment Advice:</strong> Nothing on this website constitutes investment advice, financial advice, trading advice, or any other sort of advice. You should not treat any of the website's content as such. The website owner does not recommend that any particular security, portfolio of securities, transaction, or investment strategy is suitable for any specific person.</p>
                
                <p><strong>Do Your Own Research:</strong> Before making any investment decisions, you should conduct your own research and analysis. Consider consulting with qualified financial advisors who can provide personalized advice based on your individual financial situation, risk tolerance, and investment objectives.</p>
                
                <p><strong>Risk Warning:</strong> All investments involve risk, including the potential loss of principal. Past performance does not guarantee future results. The value of investments can go up as well as down, and you may not get back the amount you originally invested.</p>
                
                <p><strong>No Liability:</strong> The website owner, contributors, and affiliates disclaim any liability for losses or damages that may result from using the information provided on this website. Users are solely responsible for their investment decisions and outcomes.</p>
                
                <p><strong>Market Dynamics:</strong> Financial markets are dynamic and subject to various economic, political, and market factors that can affect security prices. The analysis and opinions expressed on this website may become outdated or may not reflect current market conditions.</p>
                
                <p><strong>Educational Content:</strong> The primary purpose of this website is to educate visitors about fundamental analysis, technical analysis, and general investment principles. The examples, case studies, and analysis provided are for illustrative purposes to help explain concepts and methodologies.</p>
                
                <p><strong>Independent Verification:</strong> Always verify information from multiple independent sources before making investment decisions. Cross-reference data, ratios, and analysis with official company reports, regulatory filings, and other authoritative sources.</p>
                
                <p><strong>Regulatory Compliance:</strong> Ensure that your investment activities comply with applicable laws and regulations in your jurisdiction. Tax implications, regulatory requirements, and legal considerations may vary based on your location and circumstances.</p>
                
                <p><strong>Continuous Learning:</strong> Financial markets and investment strategies evolve continuously. Commit to ongoing education and stay updated with market developments, regulatory changes, and new analytical techniques to improve your investment knowledge and decision-making capabilities.</p>
            </div>
        </div>
    </footer>
    <script>
        // Back to top button functionality
        const backToTopButton = document.querySelector('.back-to-top');
        
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 300) {
                backToTopButton.style.display = 'flex';
            } else {
                backToTopButton.style.display = 'none';
            }
        });
        
        // Initialize the button visibility
        backToTopButton.style.display = 'none';
    </script>
    <!-- FOOTER ENDS -->

    <!-- Multimedia System Scripts START -->
    <script>
        class MarketCapMultimedia {
            constructor() {
                this.currentFormat = 'youtube';
                this.audio = null;
                this.isPlaying = false;
                this.init();
            }
            
            init() {
                this.setupFormatSwitching();
                this.setupAudioPlayer();
                this.setupScrollToContent();
                this.trackAnalytics();
            }
            
            setupFormatSwitching() {
                const formatBtns = document.querySelectorAll('.format-btn');
                const formatContents = document.querySelectorAll('.format-content');
                
                formatBtns.forEach(btn => {
                    btn.addEventListener('click', () => {
                        const format = btn.dataset.format;
                        
                        // Update active states
                        formatBtns.forEach(b => b.classList.remove('active'));
                        formatContents.forEach(c => c.classList.remove('active'));
                        
                        btn.classList.add('active');
                        document.getElementById(`${format}-content`).classList.add('active');
                        
                        this.currentFormat = format;
                        
                        // Track format selection
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'format_selection', {
                                'custom_parameter_1': 'market_cap_indices',
                                'custom_parameter_2': format
                            });
                        }
                    });
                });
            }
            
            setupAudioPlayer() {
                this.audio = document.getElementById('audioElement');
                const playPauseBtn = document.getElementById('playPauseBtn');
                const progressContainer = document.getElementById('progressContainer');
                const progressBar = document.getElementById('progressBar');
                const currentTime = document.getElementById('currentTime');
                const totalDuration = document.getElementById('totalDuration');
                const playIcon = playPauseBtn.querySelector('.play-icon');
                const pauseIcon = playPauseBtn.querySelector('.pause-icon');
                
                if (!this.audio) return;
                
                // Load metadata
                this.audio.addEventListener('loadedmetadata', () => {
                    totalDuration.textContent = this.formatTime(this.audio.duration);
                });
                
                // Update progress
                this.audio.addEventListener('timeupdate', () => {
                    if (this.audio.duration) {
                        const progress = (this.audio.currentTime / this.audio.duration) * 100;
                        progressBar.style.width = progress + '%';
                        currentTime.textContent = this.formatTime(this.audio.currentTime);
                    }
                });
                
                // Handle audio end
                this.audio.addEventListener('ended', () => {
                    this.isPlaying = false;
                    playIcon.style.display = 'block';
                    pauseIcon.style.display = 'none';
                    progressBar.style.width = '0%';
                    currentTime.textContent = '0:00';
                });
                
                // Play/pause button
                playPauseBtn.addEventListener('click', () => {
                    if (this.isPlaying) {
                        this.audio.pause();
                        playIcon.style.display = 'block';
                        pauseIcon.style.display = 'none';
                    } else {
                        this.audio.play();
                        playIcon.style.display = 'none';
                        pauseIcon.style.display = 'block';
                    }
                    this.isPlaying = !this.isPlaying;
                });
                
                // Progress bar click
                progressContainer.addEventListener('click', (e) => {
                    const rect = progressContainer.getBoundingClientRect();
                    const clickX = e.clientX - rect.left;
                    const width = progressContainer.offsetWidth;
                    const clickPercent = clickX / width;
                    const newTime = clickPercent * this.audio.duration;
                    this.audio.currentTime = newTime;
                });
            }
            
            setupScrollToContent() {
                const scrollBtn = document.querySelector('.scroll-to-content-btn');
                if (scrollBtn) {
                    scrollBtn.addEventListener('click', () => {
                        const container = document.querySelector('.container');
                        if (container) {
                            container.scrollIntoView({ 
                                behavior: 'smooth', 
                                block: 'start' 
                            });
                        }
                        
                        // Track scroll action
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'scroll_to_content', {
                                'custom_parameter_1': 'market_cap_indices'
                            });
                        }
                    });
                }
            }
            
            formatTime(seconds) {
                if (isNaN(seconds)) return '--:--';
                const minutes = Math.floor(seconds / 60);
                const remainingSeconds = Math.floor(seconds % 60);
                return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
            }
            
            trackAnalytics() {
                // Track page view
                if (typeof gtag !== 'undefined') {
                    gtag('event', 'page_view', {
                        'custom_parameter_1': 'market_cap_indices',
                        'custom_parameter_2': 'multimedia_education'
                    });
                }
            }
        }
        
        // Global function for backward compatibility
        function scrollToMainContent() {
            const container = document.querySelector('.container');
            if (container) {
                container.scrollIntoView({ 
                    behavior: 'smooth', 
                    block: 'start' 
                });
            }
        }
        
        // Initialize when DOM is loaded
        document.addEventListener('DOMContentLoaded', () => {
            new MarketCapMultimedia();
        });
    </script>
    <!-- Multimedia System Scripts END -->

</body>
</html>