body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; }
        
        /* Hero Banner */
        .banner-area {
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 55%, #0f3460 100%) !important;
            color: white;
                    }
        .bannerTxt h1 { font-size: 15px; color: rgba(255,255,255,0.75); font-weight: 600; line-height: 1.2; }
        .bannerTxt h2 { font-size: 25px; font-weight: 700; margin-bottom: 1rem; }

        /* Course Cards */
        .course-card {
            border: none;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            background: white;
            position: relative;
        }
        .course-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 40px rgba(0,0,0,0.15);
        }
        .course-card img {
            height: 220px;
            width: 100%;
            object-fit: contain;
        }
        .course-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0.75rem;
            color: #1a1a1a;
        }
        .course-description {
            font-size: 0.95rem;
            color: #555;
            line-height: 1.6;
        }
        .price-section {
            align-items: center;
            gap: 12px;
            font-weight: 600;
        }
        .discounted-price { font-size: 1.4rem; color: #0066ff; }
        .original-price { font-size: 1.1rem; color: #777; text-decoration: line-through; }

        /* Discount Badge - on top of image */
        .discount-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: #28a745;
            color: white;
            font-size: 0.85rem;
            font-weight: 600;
            padding: 4px 10px;
            border-radius: 50px;
            z-index: 10;
        }

        /* Buttons */
        .btn-success { background-color: #28a745; border: none; padding: 12px; font-weight: 600; }
        .btn-outline-primary { padding: 12px; font-weight: 600; }

        /* Sections */
        .section1 { padding: 30px 0; }
        .font_26 { font-size: 2.1rem; font-weight: 700; }
        .font_16 { font-size: 1.1rem; line-height: 1.7; }

        /* How it works icons */
        .step-icon { width: 80px; height: 80px; margin: 0 auto 15px; }