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>Market Orders Mastery: Limit, Stop Loss, and Circuit Breakers Explained - Finmagine</title>
    <meta name="description" content="Master all trading order types from limit and market orders to stop losses and circuit breakers. Learn risk management, slippage control, and advanced trading strategies for Indian stock markets.">
    
    <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;
        }

        /* Multimedia Learning Hub Styles */
        .multimedia-learning-hub {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 20px;
            padding: 3rem;
            margin: 2rem 0;
            color: white;
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }

        .learning-format-selector {
            margin-bottom: 2rem;
        }

        .format-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }

        .format-option {
            background: rgba(255, 255, 255, 0.1);
            border: 2px solid rgba(255, 255, 255, 0.2);
            border-radius: 15px;
            padding: 1.5rem;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            backdrop-filter: blur(10px);
        }

        .format-option:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 215, 0, 0.5);
            transform: translateY(-2px);
        }

        .format-option.active {
            background: rgba(255, 215, 0, 0.2);
            border-color: #FFD700;
            box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
        }

        .format-option.featured {
            border-color: #FFD700;
            background: rgba(255, 215, 0, 0.15);
        }

        .format-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #FF6B6B;
            color: white;
            border-radius: 20px;
            padding: 4px 12px;
            font-size: 0.8rem;
            font-weight: bold;
        }

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

        .format-option h3 {
            margin: 0.5rem 0;
            font-size: 1.3rem;
        }

        .format-description {
            font-size: 0.95rem;
            opacity: 0.9;
            margin-bottom: 1rem;
        }

        .format-stats {
            display: flex;
            justify-content: space-around;
            font-size: 0.85rem;
            opacity: 0.8;
        }

        .format-stats span {
            background: rgba(255, 255, 255, 0.1);
            padding: 4px 8px;
            border-radius: 12px;
        }

        /* Universal Learning Summary - Always Visible */
        .trading-learning-summary {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 15px;
            padding: 2rem;
            margin: 2rem 0;
            border: 2px solid rgba(255, 215, 0, 0.3);
        }

        .trading-learning-summary h4 {
            color: #FFD700;
            font-size: 1.4rem;
            margin-bottom: 1.5rem;
            text-align: center;
        }

        .learning-outcomes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
        }

        .outcome-item {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            padding: 0.8rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 10px;
        }

        .outcome-icon {
            font-size: 1.5rem;
            flex-shrink: 0;
        }

        .outcome-text {
            font-size: 0.95rem;
            line-height: 1.4;
        }

        /* Content Sections */
        .content-section {
            display: none;
        }

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

        /* Video Player Styles */
        .video-player-container {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .main-video-player iframe {
            width: 100%;
            height: 400px;
            border-radius: 15px;
        }

        .video-info {
            background: rgba(255, 255, 255, 0.1);
            padding: 1.5rem;
            border-radius: 15px;
        }

        .video-info h4 {
            color: #FFD700;
            margin-bottom: 1rem;
        }

        /* Audio Player Styles */
        .audio-player-container {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
        }

        .audio-controls {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .play-button {
            background: #FFD700;
            color: #333;
            border: none;
            border-radius: 50%;
            width: 60px;
            height: 60px;
            font-size: 1.5rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .play-button:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
        }

        .audio-progress {
            flex: 1;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .progress-container {
            flex: 1;
            height: 6px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 3px;
            cursor: pointer;
            position: relative;
        }

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

        .time-display {
            font-size: 0.9rem;
            opacity: 0.8;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .video-player-container {
                grid-template-columns: 1fr;
            }
            
            .main-video-player iframe {
                height: 250px;
            }

            .multimedia-learning-hub {
                padding: 2rem;
            }

            .trading-learning-summary {
                padding: 1.5rem;
                margin: 1.5rem 0;
            }
        }

        .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;
        }

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

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

        .order-type-card:hover {
            transform: translateY(-5px);
        }

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

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

        .order-example {
            font-size: 0.9rem;
            font-style: italic;
        }

        .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;
        }

        .stop-loss-visual {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 2rem;
            margin: 2rem 0;
            text-align: center;
        }

        .price-chart {
            background: white;
            border: 2px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            margin: 1rem 0;
            position: relative;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .chart-content {
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #e3f2fd 0%, #bbdefb 50%, #90caf9 100%);
            border-radius: 8px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-around;
            flex-direction: column;
        }

        .price-level {
            width: 90%;
            height: 3px;
            border-radius: 2px;
            position: relative;
            display: flex;
            align-items: center;
        }

        .buying-price {
            background: #4caf50;
        }

        .trigger-price {
            background: #ff9800;
        }

        .execution-price {
            background: #f44336;
        }

        .price-label {
            position: absolute;
            right: -80px;
            background: white;
            padding: 0.3rem 0.8rem;
            border-radius: 4px;
            font-size: 0.8rem;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

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

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

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

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

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

        .circuit-calculation {
            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;
        }

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

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

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

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

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

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

        .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;
        }

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

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

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

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

        .rule-number {
            background: #ffd700;
            color: #6f42c1;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-bottom: 1rem;
        }

        .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) {
            .order-types-grid,
            .circuit-grid,
            .sentiment-grid,
            .risk-rules {
                grid-template-columns: 1fr;
            }
            
            .container {
                padding: 1rem;
            }
            
            .header h1 {
                font-size: 2rem;
            }

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

            .price-label {
                position: static;
                margin-top: 0.5rem;
                display: inline-block;
            }
        }

        /* 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 */

    </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 Orders Mastery</h1>
        <p class="subtitle">Limit, Stop Loss, and Circuit Breakers Explained</p>
    </header>

    <!-- Multimedia Learning Hub -->
    <div class="multimedia-learning-hub">
        <div class="learning-format-selector">
            <div class="format-grid">
                <div class="format-option video-option featured active" data-format="youtube">
                    <div class="format-icon">🎬</div>
                    <h3>Watch Overview</h3>
                    <p class="format-description">Quick video guide to trading orders</p>
                    <div class="format-stats">
                        <span class="duration">Visual Guide</span>
                        <span class="quality">HD Quality</span>
                    </div>
                    <div class="format-badge">NEW</div>
                </div>
                
                <div class="format-option audio-option" data-format="audio">
                    <div class="format-icon">🎧</div>
                    <h3>Audio Commentary</h3>
                    <p class="format-description">Complete detailed walkthrough</p>
                    <div class="format-stats">
                        <span class="duration">Full Analysis</span>
                        <span class="detail">Step-by-step</span>
                    </div>
                </div>
                
                <div class="format-option text-option" data-format="text">
                    <div class="format-icon">📖</div>
                    <h3>Read Guide</h3>
                    <p class="format-description">Comprehensive written guide</p>
                    <div class="format-stats">
                        <span class="length">Complete Guide</span>
                        <span class="time">~18 min read</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Universal Learning Summary - Always Visible -->
        <div class="trading-learning-summary">
            <h4>🎯 What You'll Master in Trading Orders</h4>
            <div class="learning-outcomes-grid">
                <div class="outcome-item">
                    <span class="outcome-icon">📊</span>
                    <span class="outcome-text">Market vs Limit orders and execution differences</span>
                </div>
                <div class="outcome-item">
                    <span class="outcome-icon">🛡️</span>
                    <span class="outcome-text">Stop loss strategies and risk management techniques</span>
                </div>
                <div class="outcome-item">
                    <span class="outcome-icon">⚡</span>
                    <span class="outcome-text">Circuit breakers, price bands, and market protection</span>
                </div>
                <div class="outcome-item">
                    <span class="outcome-icon">🎯</span>
                    <span class="outcome-text">Advanced order types and slippage control</span>
                </div>
            </div>
        </div>

        <!-- Video Content Section -->
        <div class="content-section youtube-content active" id="youtube-section">
            <div class="video-player-container">
                <div class="main-video-player">
                    <iframe id="youtube-trading-player" 
                            src="https://www.youtube.com/embed/IZox-TJpagE?rel=0" 
                            frameborder="0" 
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                            allowfullscreen>
                    </iframe>
                </div>
                <div class="video-info">
                    <h4>📺 Video Overview</h4>
                    <p>This video breaks down the essential trading order types you need to master. Perfect for understanding execution differences and practical applications.</p>
                    <br>
                    <p><strong>Key Topics Covered:</strong></p>
                    <ul style="margin-left: 1rem; margin-top: 0.5rem;">
                        <li>Market vs Limit order mechanics</li>
                        <li>Stop loss placement strategies</li>
                        <li>Circuit breaker understanding</li>
                        <li>Risk management with orders</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Audio Content Section -->
        <div class="content-section audio-content" id="audio-section">
            <div class="audio-player-container">
                <h4>🎧 Complete Audio Commentary</h4>
                <p style="margin-bottom: 1.5rem; opacity: 0.9;">Listen to the comprehensive guide on trading orders. This audio covers all order types with practical examples and risk management strategies.</p>
                
                <div class="audio-controls">
                    <button class="play-button" id="playBtn">
                        <span id="playIcon">▶️</span>
                        <span id="pauseIcon" style="display: none;">⏸️</span>
                    </button>
                    <div class="audio-progress">
                        <span class="time-display" id="currentTime">0:00</span>
                        <div class="progress-container" id="progressContainer">
                            <div class="progress-bar" id="progressBar"></div>
                        </div>
                        <span class="time-display" id="duration">--:--</span>
                    </div>
                </div>
                
                <audio id="audioPlayer" preload="metadata">
                    <source src="../assets/audio/Edu_TradingOrderManagement.wav" type="audio/wav">
                    Your browser does not support the audio element.
                </audio>
                
                <p style="font-size: 0.9rem; opacity: 0.8; margin-top: 1rem;">
                    💡 Pro tip: Listen while reviewing your trading platform to understand order placement mechanics.
                </p>
            </div>
        </div>

        <!-- Text Content Section -->
        <div class="content-section text-content" id="text-section">
            <div style="background: rgba(255, 255, 255, 0.1); padding: 1.5rem; border-radius: 15px;">
                <h4 style="color: #FFD700; margin-bottom: 1rem;">📖 Read the Complete Guide</h4>
                <p style="opacity: 0.9;">Scroll down to access the detailed written guide covering all trading order types, risk management strategies, and practical examples.</p>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="article-meta">
            <span>📅 Weekend Read</span>
            <span>⏱️ 18 min read</span>
            <span>🏷️ Trading Orders</span>
            <span>📈 Risk Management</span>
        </div>

        <div class="intro-section">
            <h2>🎯 From Order Placement to Successful Execution</h2>
            <p>You know how the stock market works and understand demat accounts. Now comes the crucial skill: actually placing orders that execute at the right price, at the right time, with controlled risk. This is where theoretical knowledge meets real money - and where most beginners make expensive mistakes.</p>
            
            <p style="margin-top: 1rem;">Think of order types as different tools in a toolkit. Using a hammer when you need a screwdriver gets the job done poorly. Similarly, using market orders when you need stop losses, or limit orders when you need immediate execution, can cost you significant money. Today, we'll master all order types, understand market psychology, and build a systematic approach to risk management.</p>

            <p style="margin-top: 1rem;">By the end of this guide, you'll place orders with confidence, understand why prices gap up or down, know how to protect your investments with stop losses, and recognize market sentiment signals. These skills separate disciplined investors from emotional gamblers.</p>
        </div>


        <div class="framework-section">
            <div class="section-header">
                <h2>🛠️ Order Types: Your Trading Toolkit</h2>
                <p>Understanding when and how to use each order type</p>
            </div>
            <div class="section-content">
                <div class="order-types-grid">
                    <div class="order-type-card">
                        <h3>📊 Market Order</h3>
                        <div class="order-definition">
                            Buy or sell immediately at the current market price. Guarantees execution but not price.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Men shopping - "I need this shirt, whatever the price!"<br/>
                            <strong>Best for:</strong> Liquid stocks when you need immediate execution.
                        </div>
                    </div>
                    
                    <div class="order-type-card">
                        <h3>💰 Limit Order</h3>
                        <div class="order-definition">
                            Buy/sell only at a specific price or better. Guarantees price but not execution.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Women shopping - "I'll buy this dress only if it's ₹2,000 or less!"<br/>
                            <strong>Best for:</strong> When you have a target price and can wait.
                        </div>
                    </div>
                    
                    <div class="order-type-card">
                        <h3>🛡️ Stop Loss Order</h3>
                        <div class="order-definition">
                            Becomes active when stock hits your trigger price. Protects against further losses.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Car insurance - "If damage exceeds ₹50,000, insurance should kick in."<br/>
                            <strong>Best for:</strong> Risk management and protecting profits.
                        </div>
                    </div>

                    <div class="order-type-card">
                        <h3>⚡ IOC Order</h3>
                        <div class="order-definition">
                            Immediate or Cancel - Execute immediately or cancel the order.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Flash sale - "Available only for next 5 minutes!"<br/>
                            <strong>Best for:</strong> Quick arbitrage or momentum trading.
                        </div>
                    </div>

                    <div class="order-type-card">
                        <h3>📅 GTC Order</h3>
                        <div class="order-definition">
                            Good Till Cancelled - Order stays active until executed or manually cancelled.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Standing instruction - "Buy whenever it reaches my target price."<br/>
                            <strong>Best for:</strong> Long-term investors with specific entry points.
                        </div>
                    </div>

                    <div class="order-type-card">
                        <h3>🔒 Disclosed Quantity</h3>
                        <div class="order-definition">
                            Hide your large order size to avoid moving the market against you.
                        </div>
                        <div class="order-example">
                            <strong>Like:</strong> Private auction - "I want to buy 1 lakh shares but show only 1,000 at a time."<br/>
                            <strong>Best for:</strong> Large institutional orders.
                        </div>
                    </div>
                </div>

                <div class="comparison-table">
                    <thead>
                        <tr>
                            <th>Order Type</th>
                            <th>Execution Guarantee</th>
                            <th>Price Guarantee</th>
                            <th>Best Used When</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Market Order</strong></td>
                            <td style="color: #28a745;">✅ Yes</td>
                            <td style="color: #dc3545;">❌ No</td>
                            <td>Need immediate execution in liquid stocks</td>
                        </tr>
                        <tr>
                            <td><strong>Limit Order</strong></td>
                            <td style="color: #dc3545;">❌ No</td>
                            <td style="color: #28a745;">✅ Yes</td>
                            <td>Have specific price target and can wait</td>
                        </tr>
                        <tr>
                            <td><strong>Stop Loss</strong></td>
                            <td style="color: #ffc107;">⚠️ Conditional</td>
                            <td style="color: #dc3545;">❌ No</td>
                            <td>Protecting against losses or booking profits</td>
                        </tr>
                        <tr>
                            <td><strong>IOC</strong></td>
                            <td style="color: #ffc107;">⚠️ Partial</td>
                            <td style="color: #28a745;">✅ Yes</td>
                            <td>Quick opportunities or arbitrage</td>
                        </tr>
                        <tr>
                            <td><strong>GTC</strong></td>
                            <td style="color: #ffc107;">⚠️ Eventually</td>
                            <td style="color: #28a745;">✅ Yes</td>
                            <td>Long-term targets without daily monitoring</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🛡️ Stop Loss Mastery: Your Risk Management Shield</h2>
                <p>Understanding the two types of stop loss orders and when to use each</p>
            </div>
            <div class="section-content">
                <div class="stop-loss-visual">
                    <h3>Stop Loss Market vs Stop Loss Limit</h3>
                    <div class="price-chart">
                        <div class="chart-content">
                            <div class="price-level buying-price">
                                <div class="price-label" style="color: #4caf50;">Buying Price: ₹100</div>
                            </div>
                            <div class="price-level trigger-price">
                                <div class="price-label" style="color: #ff9800;">Trigger Price: ₹95</div>
                            </div>
                            <div class="price-level execution-price">
                                <div class="price-label" style="color: #f44336;">Execution Range: ₹92-98</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="comparison-table">
                    <thead>
                        <tr>
                            <th>Aspect</th>
                            <th>Stop Loss Market</th>
                            <th>Stop Loss Limit</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>How it Works</strong></td>
                            <td>When triggered, becomes market order</td>
                            <td>When triggered, becomes limit order</td>
                        </tr>
                        <tr>
                            <td><strong>Execution Guarantee</strong></td>
                            <td style="color: #28a745;">High (but price may vary)</td>
                            <td style="color: #dc3545;">Low (may not execute if gap down)</td>
                        </tr>
                        <tr>
                            <td><strong>Price Control</strong></td>
                            <td style="color: #dc3545;">None (subject to slippage)</td>
                            <td style="color: #28a745;">Yes (within your limit)</td>
                        </tr>
                        <tr>
                            <td><strong>Best for</strong></td>
                            <td>Normal market conditions</td>
                            <td>Volatile stocks with wide bid-ask spreads</td>
                        </tr>
                        <tr>
                            <td><strong>Risk</strong></td>
                            <td>Slippage (execution at worse price)</td>
                            <td>No execution (holding a falling stock)</td>
                        </tr>
                    </tbody>
                </table>

                <div class="calculation-example">
                    <h4>📊 Stop Loss Example: Protecting Your Investment</h4>
                    <div class="example-data">
<strong>Your Position:</strong>
Stock: Infosys
Bought at: ₹1,500
Quantity: 100 shares
Investment: ₹1,50,000
Risk tolerance: 5% loss
Stop Loss trigger: ₹1,425 (₹1,500 - 5%)
                    </div>
                    <div class="example-calculation">
<strong>Scenario 1 - Stop Loss Market:</strong>
• Stock falls to ₹1,425 → Order triggered
• Becomes market order → Executes at ₹1,420
• Your loss: ₹8,000 (₹1,50,000 - ₹1,42,000)
• Slippage: ₹500 (₹1,425 - ₹1,420) × 100 shares

<strong>Scenario 2 - Stop Loss Limit (Limit: ₹1,420):</strong>
• Stock falls to ₹1,425 → Order triggered
• Becomes limit order at ₹1,420
• If stock gaps down to ₹1,400 → No execution
• You still hold falling stock → Potential bigger loss
                    </div>
                    <p><strong>Key Learning:</strong> Stop Loss Market provides protection but with possible slippage. Stop Loss Limit gives price control but may not protect in fast-falling markets.</p>
                </div>

                <div class="warning-box">
                    <h4>⚠️ Slippage: The Hidden Cost</h4>
                    <p><strong>What is Slippage?</strong> The difference between your trigger price and actual execution price.</p>
                    <p><strong>When it happens:</strong> High volatility, low liquidity, market gaps, news-driven moves</p>
                    <p><strong>How to minimize:</strong> Use liquid stocks, avoid stop losses just below support levels, use stop loss limit for volatile stocks</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🔴 Circuit Breakers: Market Safety Mechanisms</h2>
                <p>Understanding price limits and what they signal about market conditions</p>
            </div>
            <div class="section-content">
                <div class="circuit-breaker-demo">
                    <h3>🚨 How Circuit Breakers Work</h3>
                    <div class="circuit-grid">
                        <div class="circuit-card">
                            <h4>Upper Circuit</h4>
                            <div class="circuit-calculation">
Previous Close: ₹100
Circuit: 20%
Upper Circuit: ₹120
                            </div>
                            <p><strong>Scenario:</strong> All buyers, no sellers. Price can't go above ₹120 today.</p>
                            <p><strong>Signal:</strong> Very positive sentiment, high demand</p>
                        </div>
                        
                        <div class="circuit-card">
                            <h4>Lower Circuit</h4>
                            <div class="circuit-calculation">
Previous Close: ₹100
Circuit: 20%
Lower Circuit: ₹80
                            </div>
                            <p><strong>Scenario:</strong> All sellers, no buyers. Price can't go below ₹80 today.</p>
                            <p><strong>Signal:</strong> Very negative sentiment, panic selling</p>
                        </div>
                        
                        <div class="circuit-card">
                            <h4>Common Circuit Levels</h4>
                            <div class="circuit-calculation">
Small/Mid Caps: 20%
Large Caps: 10%
Some stocks: 5%
                            </div>
                            <p><strong>Note:</strong> F&O stocks and first day of listing have no circuits</p>
                        </div>

                        <div class="circuit-card">
                            <h4>Next Day Impact</h4>
                            <div class="circuit-calculation">
Today's Circuit: ₹120
Tomorrow's Base: ₹120
New Upper Circuit: ₹144
                            </div>
                            <p><strong>Important:</strong> Next day's circuit is calculated on current day's closing price</p>
                        </div>
                    </div>
                </div>

                <div class="info-box">
                    <h4>💡 Circuit Breaker Exceptions</h4>
                    <p><strong>No Circuit Limits:</strong></p>
                    <ul style="margin-left: 1rem;">
                        <li>Stocks in F&O segment (futures & options)</li>
                        <li>First day of listing in secondary market</li>
                        <li>Some government bonds and debt instruments</li>
                    </ul>
                    <p><strong>Why F&O stocks have no circuits:</strong> Derivatives require free pricing for proper hedging and arbitrage</p>
                </div>

                <div class="success-box">
                    <h4>✅ Reading Circuit Signals</h4>
                    <p><strong>Upper Circuit:</strong> Check if there's fundamental news justifying the move. If not, could be speculation.</p>
                    <p><strong>Lower Circuit:</strong> Often overdone selling. Research if it's temporary bad news or permanent business damage.</p>
                    <p><strong>Repeated Circuits:</strong> Stock may be in momentum phase. Follow news and volumes closely.</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>📈 Market Psychology: Reading Between the Lines</h2>
                <p>Understanding bullish vs bearish sentiment and market signals</p>
            </div>
            <div class="section-content">
                <div class="market-psychology">
                    <h3>🧠 Decoding Market Sentiment</h3>
                    <div class="sentiment-grid">
                        <div class="sentiment-card">
                            <div class="sentiment-icon">🐂</div>
                            <h4>Bullish Signals</h4>
                            <p><strong>Price Action:</strong> Higher highs, higher lows</p>
                            <p><strong>Volume:</strong> Rising with price</p>
                            <p><strong>Gaps:</strong> Gap ups on good news</p>
                            <p><strong>Bid-Ask:</strong> More buyers than sellers</p>
                        </div>
                        
                        <div class="sentiment-card">
                            <div class="sentiment-icon">🐻</div>
                            <h4>Bearish Signals</h4>
                            <p><strong>Price Action:</strong> Lower highs, lower lows</p>
                            <p><strong>Volume:</strong> Rising on declines</p>
                            <p><strong>Gaps:</strong> Gap downs on bad news</p>
                            <p><strong>Bid-Ask:</strong> More sellers than buyers</p>
                        </div>
                        
                        <div class="sentiment-card">
                            <div class="sentiment-icon">🔄</div>
                            <h4>Sideways/Confused</h4>
                            <p><strong>Price Action:</strong> Range bound movement</p>
                            <p><strong>Volume:</strong> Low and decreasing</p>
                            <p><strong>Gaps:</strong> Minimal or quickly filled</p>
                            <p><strong>Bid-Ask:</strong> Balanced buying and selling</p>
                        </div>
                    </div>
                </div>

                <div class="highlight">
                    <h3>🎯 Gap Analysis: Why Opening ≠ Previous Close</h3>
                    <p><strong>Gap Up:</strong> Stock opens higher than previous close due to positive after-market news or overseas market influence.</p>
                    <p><strong>Gap Down:</strong> Stock opens lower due to negative news, global market fall, or sector-specific issues.</p>
                    <p><strong>Why Gaps Occur:</strong> After-market orders (4 PM to 9 AM) accumulate and influence opening auction price.</p>
                    <p style="margin-top: 1rem;"><strong>Trading Tip:</strong> Small gaps often get filled during the day. Large gaps (>3%) usually indicate significant news that may sustain the move.</p>
                </div>

                <div class="calculation-example">
                    <h4>📊 Real Example: Infosys Earnings Gap</h4>
                    <div class="example-data">
<strong>Day Before Results:</strong>
Infosys closed at: ₹1,500
After market hours: Company announces strong Q3 results
Guidance upgraded: Revenue growth 16-17% (vs 14-15% earlier)

<strong>Next Day Opening:</strong>
Opening price: ₹1,580 (Gap up of ₹80 or 5.33%)
Reason: Positive earnings surprise + guidance upgrade
After-market orders: Heavy buying pressure overnight
                    </div>
                    <div class="example-calculation">
<strong>What Happened Overnight:</strong>
• Results announced at 6 PM
• Positive news triggered buying interest
• Investors placed after-market buy orders
• Pre-opening session (9-9:15 AM) absorbed this demand
• Opening price adjusted to reflect new information
                    </div>
                    <p><strong>Learning:</strong> Fundamental news drives gaps. Strong results = gap up, disappointing results = gap down. This is the market's way of quickly adjusting to new information.</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🎭 Advanced Concepts: Short Selling & Bid-Ask Spreads</h2>
                <p>Understanding market mechanics and advanced trading strategies</p>
            </div>
            <div class="section-content">
                <div class="comparison-table">
                    <thead>
                        <tr>
                            <th>Concept</th>
                            <th>What It Is</th>
                            <th>When Used</th>
                            <th>Risk/Reward</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Short Selling</strong></td>
                            <td>Sell first, buy later. Profit when price falls.</td>
                            <td>When bearish on stock/market</td>
                            <td>Unlimited loss potential, limited profit</td>
                        </tr>
                        <tr>
                            <td><strong>Bid-Ask Spread</strong></td>
                            <td>Difference between highest buy and lowest sell price</td>
                            <td>Always present during trading</td>
                            <td>Cost of trading - wider spread = higher cost</td>
                        </tr>
                        <tr>
                            <td><strong>Intraday Trading</strong></td>
                            <td>Buy and sell same stock within trading day</td>
                            <td>For quick profits from price movements</td>
                            <td>High risk, high potential return</td>
                        </tr>
                        <tr>
                            <td><strong>Delivery Trading</strong></td>
                            <td>Hold stocks for more than one day</td>
                            <td>For long-term wealth creation</td>
                            <td>Lower risk, steady long-term returns</td>
                        </tr>
                    </tbody>
                </table>

                <div class="warning-box">
                    <h4>⚠️ Short Selling Risks</h4>
                    <p><strong>Auction Risk:</strong> If you don't square off your short position, shares will be auctioned at your expense</p>
                    <p><strong>Loss Risk:</strong> Theoretically unlimited losses if stock keeps rising</p>
                    <p><strong>IEPF Transfer:</strong> Any auction profit goes to Investor Education and Protection Fund, not to you</p>
                    <p><strong>Only for Intraday:</strong> You must buy back before market closes on the same day</p>
                </div>

                <div class="info-box">
                    <h4>💡 Understanding Bid-Ask Spreads</h4>
                    <p><strong>Narrow Spread (₹1-2):</strong> Liquid stock, easy to trade, lower transaction costs</p>
                    <p><strong>Wide Spread (₹5+):</strong> Illiquid stock, difficult to trade, higher transaction costs</p>
                    <p><strong>Market Impact:</strong> Large orders in illiquid stocks can move prices significantly</p>
                    <p><strong>Best Practice:</strong> Use limit orders for illiquid stocks to avoid paying excessive spreads</p>
                </div>
            </div>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🎯 Building Disciplined Trading Habits</h2>
                <p>Systematic approach to risk management and order placement</p>
            </div>
            <div class="section-content">
                <div class="risk-management-section">
                    <h3>🛡️ The 5 Rules of Smart Order Management</h3>
                    <div class="risk-rules">
                        <div class="risk-rule">
                            <div class="rule-number">1</div>
                            <h4>Always Set Stop Losses</h4>
                            <p>Never buy without knowing your exit price. Risk only what you can afford to lose (typically 3-7% per trade).</p>
                        </div>
                        
                        <div class="risk-rule">
                            <div class="rule-number">2</div>
                            <h4>Use Appropriate Order Types</h4>
                            <p>Market orders for liquid stocks, limit orders for illiquid ones, stop losses for protection. Don't use hammer for screws.</p>
                        </div>
                        
                        <div class="risk-rule">
                            <div class="rule-number">3</div>
                            <h4>Avoid FOMO Orders</h4>
                            <p>Don't chase stocks hitting upper circuits. Don't panic sell on lower circuits. Emotions lead to expensive mistakes.</p>
                        </div>
                        
                        <div class="risk-rule">
                            <div class="rule-number">4</div>
                            <h4>Size Your Positions</h4>
                            <p>Never put all money in one stock. Diversify across 8-15 stocks. Each position should be 5-10% of total portfolio.</p>
                        </div>
                        
                        <div class="risk-rule">
                            <div class="rule-number">5</div>
                            <h4>Review and Learn</h4>
                            <p>Keep a trading journal. Note what worked, what didn't, and why. Continuous learning beats occasional luck.</p>
                        </div>
                    </div>
                </div>

                <div class="success-box">
                    <h4>✅ Order Placement Checklist</h4>
                    <p><strong>Before placing any order:</strong></p>
                    <ul style="margin-left: 1rem;">
                        <li>✓ Have I analyzed the stock fundamentally?</li>
                        <li>✓ What's my target price and stop loss?</li>
                        <li>✓ What order type is best for current market conditions?</li>
                        <li>✓ Is this position size appropriate for my portfolio?</li>
                        <li>✓ Am I buying based on analysis or emotion?</li>
                    </ul>
                </div>

                <div class="highlight">
                    <h3>🎯 From Order Types to Investment Success</h3>
                    <p>Mastering order types is like learning to drive - essential for reaching your destination safely. But remember, the best drivers still need to know where they're going. Order management gets you in and out of trades efficiently, but stock selection and timing come from fundamental analysis.</p>
                    <p style="margin-top: 1rem;">Your next step is understanding how to analyze which stocks to buy, when economic conditions favor certain sectors, and how to read company financials like a professional investor.</p>
                </div>
            </div>
        </div>

        <div class="cta-section">
            <h2>🎯 Ready for Intelligent Stock Selection</h2>
            <p>You now understand market mechanics and order management - the essential tools for executing trades safely and efficiently. But knowing how to place orders is just the beginning. The real skill lies in knowing WHAT to buy and WHEN.</p>
            <p style="margin-top: 1rem;">Your next challenge is learning how to identify quality companies worth buying, understand economic conditions that drive market cycles, and master the analytical skills that separate intelligent investors from market gamblers.</p>
            <a href="fundamental_analysis_intro.php" class="cta-button">Learn Fundamental Analysis</a>
            <a href="market_cap_indices_guide.php" class="cta-button">Understand Market Structure</a>
        </div>

        <div class="framework-section">
            <div class="section-header">
                <h2>🚀 Your Trading Foundation is Complete</h2>
                <p>From market mechanics to order mastery - you're ready for analysis</p>
            </div>
            <div class="section-content">
                <div class="highlight">
                    <h3>🎯 What You've Mastered</h3>
                    <p><strong>Order Execution:</strong> You can place any order type with confidence and understanding</p>
                    <p><strong>Risk Management:</strong> You understand stop losses, slippage, and position sizing</p>
                    <p><strong>Market Psychology:</strong> You can read sentiment through gaps, circuits, and bid-ask spreads</p>
                    <p><strong>Trading Discipline:</strong> You have systematic rules for order placement and risk control</p>
                </div>

                <div class="info-box">
                    <h4>📈 Your Investment Journey Progress</h4>
                    <p><strong>Foundation Complete:</strong> Market mechanics ✓ Trading orders ✓</p>
                    <p><strong>Next Challenge:</strong> Learn to identify what makes a company worth buying through fundamental analysis</p>
                    <p><strong>Advanced Skills:</strong> Economic analysis, industry selection, financial statement reading, and company valuation</p>
                    <p><strong>Ultimate Goal:</strong> Build a systematic approach to wealth creation through intelligent stock selection</p>
                </div>

                <p style="margin-top: 1rem;">With order management mastered, you're equipped to execute any investment strategy safely. Your next step is developing the analytical skills to identify which companies deserve your capital - that's where fundamental analysis transforms good execution into great returns.</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. Mastering trading skills 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 -->

    <!-- Audio Player Scripts Start -->
    <script>
        const audioPlayer = document.getElementById('audioPlayer');
        const playBtn = document.querySelector('.play-btn');
        const playIcon = document.getElementById('playIcon');
        const pauseIcon = document.getElementById('pauseIcon');
        const progressBar = document.getElementById('progressBar');
        const currentTimeSpan = document.getElementById('currentTime');
        const durationSpan = document.getElementById('duration');
        
        let isPlaying = false;

        // Initialize when audio metadata is loaded
        audioPlayer.addEventListener('loadedmetadata', function() {
            durationSpan.textContent = formatTime(audioPlayer.duration);
        });

        // Update progress and time display
        audioPlayer.addEventListener('timeupdate', function() {
            const progress = (audioPlayer.currentTime / audioPlayer.duration) * 100;
            progressBar.style.width = progress + '%';
            currentTimeSpan.textContent = formatTime(audioPlayer.currentTime);
        });

        // Handle audio end
        audioPlayer.addEventListener('ended', function() {
            isPlaying = false;
            playIcon.style.display = 'block';
            pauseIcon.style.display = 'none';
            progressBar.style.width = '0%';
            currentTimeSpan.textContent = '0:00';
        });

        function togglePlay() {
            if (isPlaying) {
                audioPlayer.pause();
                playIcon.style.display = 'block';
                pauseIcon.style.display = 'none';
            } else {
                audioPlayer.play();
                playIcon.style.display = 'none';
                pauseIcon.style.display = 'block';
            }
            isPlaying = !isPlaying;
        }

        function setProgress(event) {
            const progressContainer = event.currentTarget;
            const clickX = event.offsetX;
            const width = progressContainer.offsetWidth;
            const clickPercent = clickX / width;
            const newTime = clickPercent * audioPlayer.duration;
            audioPlayer.currentTime = newTime;
        }

        function 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')}`;
        }

        // Add loading effect initially
        document.querySelector('.audio-card').classList.add('loading');
        
        // Remove loading effect after 2 seconds (simulating content load)
        setTimeout(() => {
            document.querySelector('.audio-card').classList.remove('loading');
        }, 2000);
    </script>
    <!-- Audio Player Scripts End -->

    <!-- Multimedia Learning Hub Scripts -->
    <script>
        class TradingOrdersMultimedia {
            constructor() {
                this.setupFormatSwitcher();
                this.setupAnalytics();
                this.setupAudioPlayer();
            }

            setupFormatSwitcher() {
                const formatOptions = document.querySelectorAll('.format-option');
                const contentSections = document.querySelectorAll('.content-section');

                formatOptions.forEach(option => {
                    option.addEventListener('click', () => {
                        const format = option.dataset.format;
                        
                        // Update active states
                        formatOptions.forEach(opt => opt.classList.remove('active'));
                        contentSections.forEach(section => section.classList.remove('active'));
                        
                        option.classList.add('active');
                        
                        // Show corresponding content section
                        const targetSection = document.getElementById(`${format}-section`);
                        if (targetSection) {
                            targetSection.classList.add('active');
                        }

                        // Analytics tracking
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'format_selection', {
                                'selected_format': format,
                                'article': 'trading_order_management',
                                'event_category': 'multimedia_engagement'
                            });
                        }
                    });
                });
            }

            setupAnalytics() {
                // YouTube video analytics
                window.addEventListener('message', (event) => {
                    if (event.origin !== 'https://www.youtube.com') return;
                    
                    if (event.data && typeof event.data === 'string') {
                        const data = JSON.parse(event.data);
                        if (data.event === 'video-play') {
                            if (typeof gtag !== 'undefined') {
                                gtag('event', 'video_play', {
                                    'media_type': 'youtube_overview',
                                    'article': 'trading_order_management',
                                    'event_category': 'multimedia_engagement'
                                });
                            }
                        }
                    }
                });
            }

            setupAudioPlayer() {
                const audioPlayer = document.getElementById('audioPlayer');
                if (audioPlayer) {
                    // Audio analytics
                    audioPlayer.addEventListener('play', () => {
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'audio_play', {
                                'media_type': 'detailed_commentary',
                                'article': 'trading_order_management',
                                'event_category': 'multimedia_engagement'
                            });
                        }
                    });

                    audioPlayer.addEventListener('ended', () => {
                        if (typeof gtag !== 'undefined') {
                            gtag('event', 'audio_complete', {
                                'media_type': 'detailed_commentary',
                                'article': 'trading_order_management',
                                'event_category': 'multimedia_engagement'
                            });
                        }
                    });
                }
            }
        }

        document.addEventListener('DOMContentLoaded', () => {
            new TradingOrdersMultimedia();
            
            // Initialize audio player controls for multimedia hub
            const audioPlayer = document.getElementById('audioPlayer');
            const playBtn = document.getElementById('playBtn');
            const playIcon = document.getElementById('playIcon');
            const pauseIcon = document.getElementById('pauseIcon');
            const progressBar = document.getElementById('progressBar');
            const progressContainer = document.getElementById('progressContainer');
            const currentTimeSpan = document.getElementById('currentTime');
            const durationSpan = document.getElementById('duration');
            
            if (audioPlayer && playBtn) {
                let isPlaying = false;

                // Load metadata
                audioPlayer.addEventListener('loadedmetadata', function() {
                    durationSpan.textContent = formatTime(audioPlayer.duration);
                });

                // Update progress and time display
                audioPlayer.addEventListener('timeupdate', function() {
                    const progress = (audioPlayer.currentTime / audioPlayer.duration) * 100;
                    progressBar.style.width = progress + '%';
                    currentTimeSpan.textContent = formatTime(audioPlayer.currentTime);
                });

                // Play/Pause functionality
                playBtn.addEventListener('click', function() {
                    if (isPlaying) {
                        audioPlayer.pause();
                    } else {
                        audioPlayer.play();
                    }
                });

                audioPlayer.addEventListener('play', function() {
                    isPlaying = true;
                    playIcon.style.display = 'none';
                    pauseIcon.style.display = 'block';
                });

                audioPlayer.addEventListener('pause', function() {
                    isPlaying = false;
                    playIcon.style.display = 'block';
                    pauseIcon.style.display = 'none';
                });

                // Handle audio end
                audioPlayer.addEventListener('ended', function() {
                    isPlaying = false;
                    playIcon.style.display = 'block';
                    pauseIcon.style.display = 'none';
                    progressBar.style.width = '0%';
                    currentTimeSpan.textContent = '0:00';
                });

                // Progress bar clicking
                if (progressContainer) {
                    progressContainer.addEventListener('click', function(event) {
                        const clickX = event.offsetX;
                        const width = progressContainer.offsetWidth;
                        const clickPercent = clickX / width;
                        const newTime = clickPercent * audioPlayer.duration;
                        audioPlayer.currentTime = newTime;
                    });
                }

                // Format time function
                function 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')}`;
                }
            }
        });
    </script>

</body>
</html>