/* ========================================================= TSS — POPULAR RESOURCES → FOOTER SPACING Reduce excessive bottom whitespace ========================================================= */ .tss-popular-resources { padding-bottom: 40px !important; } /* ========================================================= TOPPER'S SOCIAL SCIENCE STUDY RESOURCES HUB ========================================================= */ #study-resources-wrapper { width: 100%; margin: 0; padding: 0; } .tss-study-resources { width: 100%; padding: 80px 20px; background: #f7f9fc; box-sizing: border-box; } .tss-sr-container { width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================= HEADER ========================= */ .tss-sr-header { max-width: 760px; margin: 0 auto 42px; text-align: center; } .tss-sr-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; margin-bottom: 15px; border-radius: 999px; background: #ffffff; border: 1px solid #e4e9f2; color: #334155; font-size: 13px; font-weight: 700; } .tss-sr-title { margin: 0; font-size: clamp(30px, 4vw, 46px); line-height: 1.15; font-weight: 800; color: #172033; letter-spacing: -0.8px; } .tss-sr-description { max-width: 680px; margin: 16px auto 0; color: #64748b; font-size: 16px; line-height: 1.7; } /* ========================= CLASS SELECTOR ========================= */ .tss-sr-class-selector { max-width: 900px; margin: 0 auto 45px; padding: 22px; background: #ffffff; border: 1px solid #e5eaf2; border-radius: 20px; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.06); } .tss-sr-class-label { display: block; margin-bottom: 15px; text-align: center; color: #334155; font-size: 14px; font-weight: 800; } .tss-sr-class-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; } .tss-sr-class-option { display: flex; align-items: center; gap: 14px; padding: 17px 18px; text-decoration: none !important; color: inherit !important; background: #f8fafc; border: 1px solid #e5eaf2; border-radius: 14px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .tss-sr-class-option:hover { transform: translateY(-3px); border-color: #cbd5e1; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08); } .tss-sr-class-number { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 48px; border-radius: 13px; background: #172033; color: #ffffff; font-size: 18px; font-weight: 800; } .tss-sr-class-content { display: flex; flex-direction: column; gap: 3px; flex: 1; } .tss-sr-class-content strong { color: #172033; font-size: 16px; } .tss-sr-class-content small { color: #64748b; font-size: 12px; } .tss-sr-arrow { color: #64748b; font-size: 20px; } /* ========================= CLASS HUB ========================= */ .tss-sr-class-hub { margin-bottom: 42px; padding: 32px; background: #ffffff; border: 1px solid #e5eaf2; border-radius: 24px; box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05); } .tss-sr-hub-header { margin-bottom: 25px; } .tss-sr-hub-badge { display: inline-block; margin-bottom: 10px; padding: 6px 12px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12px; font-weight: 800; } .tss-sr-hub-header h3 { margin: 0; color: #172033; font-size: 26px; line-height: 1.25; } .tss-sr-hub-header p { max-width: 720px; margin: 9px 0 0; color: #64748b; line-height: 1.65; font-size: 14px; } /* ========================= SUBJECT GRID ========================= */ .tss-sr-subject-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; } .tss-sr-subject-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 17px; text-decoration: none !important; color: inherit !important; background: #f8fafc; border: 1px solid #e6eaf0; border-radius: 15px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .tss-sr-subject-card:hover { transform: translateY(-3px); border-color: #cbd5e1; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07); } .tss-sr-subject-icon { display: flex; align-items: center; justify-content: center; width: 43px; height: 43px; flex: 0 0 43px; border-radius: 12px; background: #ffffff; font-size: 21px; } .tss-sr-subject-content { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; } .tss-sr-subject-content strong { color: #172033; font-size: 14px; } .tss-sr-subject-content small { color: #64748b; font-size: 11px; line-height: 1.45; } .tss-sr-subject-arrow { color: #94a3b8; font-size: 17px; } /* ========================= QUICK LINKS ========================= */ .tss-sr-quick-links { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 24px; padding-top: 21px; border-top: 1px solid #edf0f5; } .tss-sr-quick-label { margin-right: 5px; color: #475569; font-size: 12px; font-weight: 800; } .tss-sr-quick-links a { display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 9px; background: #f8fafc; border: 1px solid #e5eaf2; color: #475569 !important; text-decoration: none !important; font-size: 11px; font-weight: 700; transition: background .2s ease, border-color .2s ease; } .tss-sr-quick-links a:hover { background: #ffffff; border-color: #cbd5e1; } /* ========================= RESOURCE GRID ========================= */ .tss-sr-resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; } .tss-sr-resource-card { padding: 25px; text-decoration: none !important; color: inherit !important; background: #ffffff; border: 1px solid #e5eaf2; border-radius: 18px; box-shadow: 0 8px 25px rgba(15, 23, 42, 0.04); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .tss-sr-resource-card:hover { transform: translateY(-4px); border-color: #cbd5e1; box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08); } .tss-sr-resource-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 17px; border-radius: 13px; background: #f8fafc; font-size: 23px; } .tss-sr-resource-card h3 { margin: 0 0 8px; color: #172033; font-size: 17px; } .tss-sr-resource-card p { margin: 0 0 16px; color: #64748b; font-size: 13px; line-height: 1.6; } .tss-sr-resource-card > span { color: #475569; font-size: 12px; font-weight: 800; } /* ========================= TABLET ========================= */ @media (max-width: 992px) { .tss-sr-subject-grid { grid-template-columns: repeat(2, 1fr); } .tss-sr-resource-grid { grid-template-columns: repeat(2, 1fr); } } /* ========================= MOBILE ========================= */ @media (max-width: 680px) { .tss-study-resources { padding: 60px 15px; } .tss-sr-title { font-size: 31px; } .tss-sr-description { font-size: 14px; } .tss-sr-class-selector { padding: 17px; border-radius: 17px; } .tss-sr-class-options { grid-template-columns: 1fr; } .tss-sr-class-hub { padding: 22px 17px; border-radius: 19px; } .tss-sr-hub-header h3 { font-size: 22px; } .tss-sr-subject-grid { grid-template-columns: 1fr; } .tss-sr-resource-grid { grid-template-columns: 1fr; margin-top: 30px; } .tss-sr-quick-links { align-items: flex-start; } .tss-sr-quick-label { width: 100%; } } /* TSS FINAL CTA */ section.tss-final-cta{ width:100% !important; margin:0 !important; padding:70px 20px !important; background:#f7f9fc !important; border:10px solid red !important; box-sizing:border-box !important; } section.tss-final-cta .tss-final-cta-inner{ width:100% !important; max-width:1080px !important; margin:0 auto !important; padding:55px 35px !important; box-sizing:border-box !important; text-align:center !important; background:linear-gradient(135deg,#eef8ff,#f8fbff) !important; border:1px solid #cfe6ff !important; border-radius:24px !important; box-shadow:0 12px 35px rgba(30,80,120,.08) !important; } section.tss-final-cta .tss-final-cta-badge{ display:inline-flex !important; padding:8px 16px !important; margin:0 0 18px !important; background:#fff !important; border:1px solid #cfe3ff !important; border-radius:999px !important; color:#0877d9 !important; font-size:14px !important; font-weight:700 !important; } section.tss-final-cta h2{ margin:0 0 14px !important; color:#101828 !important; font-size:32px !important; line-height:1.2 !important; font-weight:800 !important; } section.tss-final-cta p{ max-width:760px !important; margin:0 auto 28px !important; color:#5b708c !important; font-size:16px !important; line-height:1.7 !important; } section.tss-final-cta .tss-final-cta-actions{ display:flex !important; justify-content:center !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; } section.tss-final-cta .tss-final-cta-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:190px !important; max-width:none !important; height:50px !important; padding:0 24px !important; box-sizing:border-box !important; border-radius:13px !important; text-decoration:none !important; font-size:15px !important; font-weight:700 !important; } section.tss-final-cta .tss-final-cta-primary{ background:#0877d9 !important; color:#fff !important; border:1px solid #0877d9 !important; } section.tss-final-cta .tss-final-cta-secondary{ background:#fff !important; color:#0877d9 !important; border:1px solid #cfe3ff !important; } @media (max-width:600px){ section.tss-final-cta{ padding:45px 14px !important; } section.tss-final-cta .tss-final-cta-inner{ padding:40px 20px !important; border-radius:20px !important; } section.tss-final-cta h2{ font-size:26px !important; } section.tss-final-cta .tss-final-cta-actions{ flex-direction:column !important; } section.tss-final-cta .tss-final-cta-btn{ width:100% !important; max-width:280px !important; } } /* ================================================== TSS – FINAL CTA POLISH ================================================== */ .tss-final-cta{ width:100% !important; margin:0 !important; padding:70px 20px !important; background:#f7f9fc !important; box-sizing:border-box !important; } .tss-final-cta-inner{ width:100% !important; max-width:1080px !important; margin:0 auto !important; padding:55px 35px !important; box-sizing:border-box !important; text-align:center !important; background:linear-gradient(135deg,#eef8ff,#f8fbff) !important; border:1px solid #cfe6ff !important; border-radius:24px !important; box-shadow:0 12px 35px rgba(30,80,120,.08) !important; } .tss-final-cta-badge{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:8px 16px !important; margin-bottom:18px !important; border:1px solid #cfe3ff !important; border-radius:999px !important; background:#ffffff !important; color:#0877d9 !important; font-size:14px !important; font-weight:700 !important; } .tss-final-cta h2{ margin:0 0 14px !important; color:#101828 !important; font-size:32px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:-.5px !important; } .tss-final-cta p{ max-width:760px !important; margin:0 auto 28px !important; color:#5b708c !important; font-size:16px !important; line-height:1.7 !important; } .tss-final-cta-actions{ display:flex !important; justify-content:center !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; } .tss-final-cta-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-width:190px !important; max-width:none !important; width:auto !important; height:50px !important; padding:0 24px !important; box-sizing:border-box !important; border-radius:13px !important; text-decoration:none !important; font-size:15px !important; font-weight:700 !important; transition:all .2s ease !important; } .tss-final-cta-primary{ background:#0877d9 !important; color:#ffffff !important; border:1px solid #0877d9 !important; } .tss-final-cta-primary:hover{ background:#0668bd !important; color:#ffffff !important; transform:translateY(-2px) !important; } .tss-final-cta-secondary{ background:#ffffff !important; color:#0877d9 !important; border:1px solid #cfe3ff !important; } .tss-final-cta-secondary:hover{ background:#f3f9ff !important; color:#0668bd !important; transform:translateY(-2px) !important; } @media (max-width:600px){ .tss-final-cta{ padding:45px 14px !important; } .tss-final-cta-inner{ padding:40px 20px !important; border-radius:20px !important; } .tss-final-cta h2{ font-size:26px !important; } .tss-final-cta p{ font-size:14px !important; } .tss-final-cta-actions{ flex-direction:column !important; } .tss-final-cta-btn{ width:100% !important; max-width:280px !important; } } -->
⭐ Trusted by CBSE Students 🚀 Smart Learning Platform

Master CBSE Social Science with Confidence.

Complete chapter-wise Notes, MCQs, Maps, Previous Year Questions, Important Questions and revision resources specially designed for Class 9 & Class 10 students.

📘
24+Chapters
5000+MCQs
🗺️
300+Maps
📄
10 YearsPYQs
🌍
World MapsGeography
📈 Learning Progress96%
Keep going — you're almost there!
🏆
Weekly Goal5 / 7 Completed
📚 Chapter Notes ✏️ Practice MCQs 🗺️ Map Practice
📚 Study Resources

Everything You Need to Score Better

Access organized study materials specially designed for CBSE Class 9 & 10 Social Science students.

🎓 CLASS 9

Class 9 Social Science Resources

Start with your subject and explore chapter notes, revision material and exam-focused resources.

🎓 CLASS 10

Class 10 Social Science Resources

Focus on board preparation with chapter resources, important questions, maps and revision practice.

💌 Newsletter

Never Miss Important Updates

Subscribe to receive the latest chapter notes, MCQs, important questions, maps, sample papers and board exam updates directly in your inbox.

✅ Free 🔒 No Spam ⭐ Weekly Updates
⭐ Testimonials

Loved by Students Across India

Thousands of students use Topper's Social Science to prepare smarter, revise faster and score better in board examinations.

RK

Rahul Kumar

Class 10 · Bihar
⭐ ⭐ ⭐ ⭐ ⭐

These chapter notes helped me revise quickly before my board examination. Everything was simple and easy to understand.

AS

Anjali Sharma

Class 9 · Delhi
⭐ ⭐ ⭐ ⭐ ⭐

The MCQs and important questions saved a lot of my preparation time. Highly recommended for Social Science students.

PS

Priya Singh

Class 10 · Uttar Pradesh
⭐ ⭐ ⭐ ⭐ ⭐

Beautiful notes, maps and sample papers. I scored much higher after practicing regularly.

Class 09 - History

{getBlock} $results={5} $label={Class 09 - History} $type={block1} $color={#1abc9c}

Class 10 - Civics

{getBlock} $results={6} $label={Class 10 - Civics } $type={grid1} $color={#1abc9c}

Search This Blog

Search

Popular

Nationalism in India Class 10 Notes | Class 10 Nationalism in India

26 Most Important Questions of Outcomes of Democracy

The Rise Of Nationalism in Europe Class 10 | Nationalism in Europe Class 10 Notes

Exam Tips

{getBlock} $results={5} $label={Exam Tips} $type={col-left} $color={#0f83c7}

Quetions

{getBlock} $results={4} $label={Quetions} $type={col-right} $color={#fbb03b}

Online Class

{getBlock} $results={3} $label={Online Class} $type={videos} $color={#18b5e4}
🎯 Score Better

Ready to Score Better in Social Science?

Get chapter notes, MCQs, maps, important questions and revision resources for Classes 9 and 10 — all in one place.