/* ========================================================= 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; } .tss-final-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(37,99,235,.22)!important; } .tss-final-cta-primary:hover{ background:#1d4ed8!important; color:#ffffff!important; } .tss-final-cta-secondary:hover{ background:#eff6ff!important; color:#1d4ed8!important; border-color:#93c5fd!important; } } -->
Showing posts matching the search for Class 10 Economics
Book Review

Which is the best guide for Class 10 CBSE Social Science?

Nandan Verma

Best Guide for Class 10 CBSE Social Science The CBSE Class 10 Social Science ex…

Class 09 - Civics

Class 10 Social Science tips and tricks to score 100% marks

Nandan Verma

Through this useful resource "HOW TO SCORE 100% MARKS IN CLASS 10 SOCIAL…

Class 10 - Economics

Notes on Consumer Rights | Class 10 Economics

Nandan Verma

Notes on Consumer Rights for class 10   Class 10 | Economics | Unit 05 | NC…

Class 10 - Economics

Money and Credit - Notes and MCQs on Money and Credit

Nandan Verma

Presenting important notes on Money and Credit Class 10 . Get Help in Money a…

Class 10 - Economics

Notes on Globalization and the Indian Economy | MCQs & Q&A

Nandan Verma

Notes on Globalization and the Indian Economy for class 10 Class 10 | Econ…

Class 09 - Economics

Notes on Poverty as a Challenge | MCQs & Q&A

Nandan Verma

Multiple Choice Questions of Poverty as a Challenge CLASS IX | ECONOMICS …

Class 09 - Economics

Notes on Food Security in India

Nandan Verma

MCQs OF FOOD SECURITY IN INDIA   MULTIPLE CHOICE QUESTIONS -  MCQs and Q&…

That is All
🎯 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.

Explore Class 9 → Explore Class 10 →