<div class="css-screening-card"> <div class="bundle-badge"> 📝 CSS Screening Test Preparation Bundle </div> <h2>🎯 Complete Preparation to Ace CSS MPT</h2> <p class="bundle-desc"> This bundle includes comprehensive preparation material required to clear the CSS Screening Test (MPT). Students will get detailed video lectures along with thousands of MCQs to strengthen their conceptual clarity and exam readiness. </p> <div class="highlight-box"> 📚 Video Lectures + Extensive Practice Questions </div> <div class="feature-title"> 📌 What You’ll Get: </div> <ul class="features"> <li>Comprehensive Video Lectures</li> <li>Thousands of MCQs for Practice</li> <li>Conceptual Clarity for Screening Test</li> <li>Access Till Exam Day</li> </ul> <div class="faculty-note"> 👨‍🏫 All courses are taught by experienced CSS faculty to help you clear the screening test with confidence. </div> <div class="scholarship-box"> ⏳ Scholarship Available for a Limited Time </div> <button class="cta-btn"> WhatsApp 0311-1444734 for Enrollment </button> </div> <style> .css-screening-card { max-width: 760px; margin: 40px auto; padding: 28px; border-radius: 20px; background: linear-gradient(160deg,#ffffff,#eef2ff); box-shadow: 0 18px 45px rgba(0,0,0,0.12); font-family: system-ui, Arial; } .bundle-badge { background: linear-gradient(90deg,#b91c1c,#ef4444); color: #fff; padding: 12px; border-radius: 12px; text-align: center; font-weight: bold; margin-bottom: 16px; } .bundle-desc { color: #334155; margin-bottom: 14px; } .highlight-box { background: #e0f2fe; border-left: 4px solid #0284c7; padding: 12px; border-radius: 8px; margin-bottom: 14px; font-weight: 500; } .feature-title { font-weight: bold; margin: 16px 0 10px; color: #0f172a; } .features { list-style: none; padding: 0; margin-bottom: 14px; } .features li { margin: 8px 0; padding-left: 22px; position: relative; } .features li::before { content: "✔"; position: absolute; left: 0; color: #22c55e; font-weight: bold; } .faculty-note { background: #fef3c7; padding: 10px; border-radius: 8px; margin-bottom: 14px; font-size: 14px; } .scholarship-box { background: linear-gradient(90deg,#1d4ed8,#3b82f6); color: #fff; padding: 12px; border-radius: 10px; text-align: center; font-weight: bold; margin-bottom: 14px; } .cta-btn { width: 100%; background: linear-gradient(90deg,#059669,#10b981); color: white; border: none; padding: 18px; font-size: 18px; border-radius: 12px; cursor: pointer; font-weight: bold; } </style>