li { position: relative; } .main-nav > li > a { padding: 8px 14px; font-size: 0.88rem; font-weight: 600; color: var(--gray-800); border-radius: 8px; transition: var(--transition); } body.dark-mode .main-nav > li > a { color: #c8d8e8; } .main-nav > li > a:hover, .main-nav > li.active > a { background: var(--gray-100); color: var(--navy); } body.dark-mode .main-nav > li > a:hover { background: #1e3045; color: var(--gold); } /* Dropdown */ .dropdown-menu { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); min-width: 200px; padding: 8px 0; list-style: none; animation: fadeDown 0.2s ease; } body.dark-mode .dropdown-menu { background: #152232; border-color: #1e3045; } .main-nav > li:hover .dropdown-menu { display: block; } .dropdown-menu li a { display: block; padding: 9px 18px; font-size: 0.86rem; color: var(--text-main); } .dropdown-menu li a:hover { background: var(--gray-100); color: var(--navy); } body.dark-mode .dropdown-menu li a:hover { background: #1e3045; } /* Header actions */ .header-actions { display: flex; align-items: center; gap: 8px; } .icon-btn { width: 38px; height: 38px; border-radius: 50%; background: var(--gray-100); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--gray-600); transition: var(--transition); } body.dark-mode .icon-btn { background: #1e3045; color: #8fa3bb; } .icon-btn:hover { background: var(--navy); color: #fff; } .header-cta { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--navy-dark) !important; padding: 9px 20px; border-radius: 50px; font-size: 0.84rem; font-weight: 700; box-shadow: 0 4px 14px rgba(201,168,76,0.35); transition: var(--transition); white-space: nowrap; } .header-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(201,168,76,0.5); color: #000 !important; } /* Mobile hamburger */ .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; } .hamburger span { display: block; width: 24px; height: 2px; background: var(--navy); border-radius: 2px; transition: var(--transition); } body.dark-mode .hamburger span { background: var(--gold); } /* Search bar overlay */ #search-overlay { display: none; position: fixed; inset: 0; background: rgba(13,27,42,0.85); z-index: 1100; align-items: flex-start; justify-content: center; padding-top: 120px; } #search-overlay.open { display: flex; } .search-box { background: var(--white); border-radius: var(--radius-lg); padding: 24px; width: 100%; max-width: 560px; box-shadow: var(--shadow-lg); position: relative; } .search-box input { width: 100%; padding: 14px 20px; border: 2px solid var(--gray-200); border-radius: 50px; font-size: 1rem; outline: none; font-family: 'DM Sans', sans-serif; } .search-box input:focus { border-color: var(--navy); } #search-close { position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 1.3rem; cursor: pointer; color: var(--gray-400); } /* ========================================================= 4. HERO SECTION ========================================================= */ #hero { background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, #1a4a8a 100%); position: relative; overflow: hidden; padding: 90px 0 80px; } .hero-shapes { position: absolute; inset: 0; pointer-events: none; overflow: hidden; } .hero-shape { position: absolute; border-radius: 50%; background: rgba(201,168,76,0.1); animation: float 8s ease-in-out infinite; } .hero-shape:nth-child(1) { width: 400px; height: 400px; top: -150px; right: -100px; animation-delay: 0s; } .hero-shape:nth-child(2) { width: 250px; height: 250px; bottom: -80px; left: 10%; animation-delay: 3s; } .hero-shape:nth-child(3) { width: 150px; height: 150px; top: 30%; right: 25%; animation-delay: 5s; } @keyframes float { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-25px) rotate(6deg); } } .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 2; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(201,168,76,0.2); border: 1px solid rgba(201,168,76,0.4); color: var(--gold-light); border-radius: 50px; padding: 6px 16px; font-size: 0.8rem; font-weight: 600; margin-bottom: 20px; letter-spacing: 0.5px; } .hero-title { font-size: clamp(1.9rem, 4vw, 2.9rem); color: #fff; line-height: 1.2; margin-bottom: 20px; } .hero-title span { color: var(--gold); } .hero-sub { color: rgba(255,255,255,0.78); font-size: 1.05rem; margin-bottom: 32px; max-width: 480px; } .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; } .btn-gold { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--navy-dark); padding: 13px 28px; border-radius: 50px; font-weight: 700; font-size: 0.92rem; border: none; cursor: pointer; box-shadow: 0 6px 22px rgba(201,168,76,0.4); transition: var(--transition); display: inline-block; } .btn-gold:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(201,168,76,0.55); color: #000; } .btn-outline-white { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.5); padding: 11px 26px; border-radius: 50px; font-weight: 600; font-size: 0.92rem; transition: var(--transition); display: inline-block; } .btn-outline-white:hover { background: rgba(255,255,255,0.12); border-color: #fff; color: #fff; } .hero-stats { display: flex; gap: 28px; margin-top: 36px; flex-wrap: wrap; } .hero-stat { } .hero-stat-num { font-size: 1.6rem; font-weight: 800; font-family: 'Poppins', sans-serif; color: var(--gold); } .hero-stat-label { font-size: 0.78rem; color: rgba(255,255,255,0.65); margin-top: 2px; } /* Book mockup */ .hero-book-wrap { display: flex; justify-content: center; align-items: center; position: relative; } .hero-book-card { background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.15); border-radius: var(--radius-lg); padding: 24px; animation: float 7s ease-in-out infinite; box-shadow: var(--shadow-lg); } .hero-book-img { width: 200px; border-radius: var(--radius-md); box-shadow: 0 20px 50px rgba(0,0,0,0.4); margin: 0 auto; } .hero-book-badge { background: var(--gold); color: var(--navy-dark); font-weight: 700; font-size: 0.78rem; padding: 5px 14px; border-radius: 50px; text-align: center; margin-top: 14px; } /* ========================================================= 5. SECTION HEADINGS ========================================================= */ .section-title-wrap { text-align: center; margin-bottom: 48px; } .section-eyebrow { display: inline-block; background: linear-gradient(90deg, var(--navy), var(--gold)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 0.8rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; } .section-title { font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--navy); margin-bottom: 12px; } body.dark-mode .section-title { color: var(--gold-light); } .section-desc { color: var(--text-muted); max-width: 520px; margin: 0 auto; font-size: 0.98rem; } .title-line { width: 56px; height: 4px; margin: 14px auto 0; background: linear-gradient(90deg, var(--gold), var(--navy)); border-radius: 2px; } /* ========================================================= 6. FEATURED eBOOKS SECTION ========================================================= */ #ebooks-section { background: var(--white); } body.dark-mode #ebooks-section { background: var(--off-white); } .ebooks-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px; } .ebook-card { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; transition: var(--transition); border: 1px solid var(--gray-200); position: relative; } body.dark-mode .ebook-card { background: #152232; border-color: #1e3045; } .ebook-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .ebook-badge { position: absolute; top: 12px; left: 12px; background: var(--gold); color: var(--navy-dark); font-size: 0.72rem; font-weight: 700; padding: 4px 10px; border-radius: 50px; z-index: 2; } .ebook-badge.new { background: #22c55e; color: #fff; } .ebook-badge.bestseller { background: var(--gold); } .ebook-cover { height: 200px; background: linear-gradient(135deg, var(--navy), var(--navy-dark)); display: flex; align-items: center; justify-content: center; overflow: hidden; } .ebook-cover img { width: 100%; height: 100%; object-fit: cover; } .ebook-cover-placeholder { text-align: center; color: rgba(255,255,255,0.6); padding: 20px; } .ebook-cover-placeholder .cover-icon { font-size: 2.5rem; margin-bottom: 8px; } .ebook-cover-placeholder .cover-title { font-family: 'Poppins', sans-serif; font-size: 0.85rem; font-weight: 700; color: var(--gold); line-height: 1.3; } .ebook-body { padding: 20px; } .ebook-title { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 8px; line-height: 1.3; } body.dark-mode .ebook-title { color: var(--gold-light); } .ebook-desc { font-size: 0.83rem; color: var(--text-muted); margin-bottom: 14px; line-height: 1.5; } .ebook-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; } .stars { color: var(--gold); font-size: 0.85rem; } .rating-text { font-size: 0.78rem; color: var(--text-muted); } .ebook-price-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .price-now { font-size: 1.15rem; font-weight: 800; color: var(--navy); font-family: 'Poppins',sans-serif; } body.dark-mode .price-now { color: var(--gold); } .price-old { font-size: 0.82rem; color: var(--gray-400); text-decoration: line-through; } .btn-buy { display: block; width: 100%; background: linear-gradient(135deg, var(--navy), var(--navy-light)); color: #fff; text-align: center; padding: 10px; border-radius: 50px; font-weight: 700; font-size: 0.86rem; border: none; cursor: pointer; transition: var(--transition); } .btn-buy:hover { background: linear-gradient(135deg, var(--gold-dark), var(--gold)); color: var(--navy-dark); transform: translateY(-2px); } /* ========================================================= 7. GRAMMAR CATEGORIES ========================================================= */ #categories-section { background: var(--off-white); } body.dark-mode #categories-section { background: var(--dark); } .categories-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; } .cat-card { background: var(--white); border-radius: var(--radius-md); padding: 24px 16px; text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); transition: var(--transition); cursor: pointer; } body.dark-mode .cat-card { background: #152232; border-color: #1e3045; } .cat-card:hover { border-color: var(--gold); box-shadow: 0 8px 30px rgba(201,168,76,0.2); transform: translateY(-4px); } .cat-icon { font-size: 2.2rem; margin-bottom: 10px; display: block; } .cat-name { font-family: 'Poppins', sans-serif; font-size: 0.88rem; font-weight: 700; color: var(--navy); line-height: 1.3; } body.dark-mode .cat-name { color: var(--gold-light); } .cat-count { font-size: 0.75rem; color: var(--text-muted); margin-top: 4px; } /* ========================================================= 8. STATS / COUNTER SECTION ========================================================= */ #stats-section { background: linear-gradient(135deg, var(--navy-dark), var(--navy)); padding: 60px 0; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 30px; text-align: center; } .stat-item { } .stat-num { font-size: 2.4rem; font-weight: 800; font-family: 'Poppins', sans-serif; color: var(--gold); } .stat-label { color: rgba(255,255,255,0.7); font-size: 0.85rem; margin-top: 6px; } /* ========================================================= 9. FREE RESOURCES ========================================================= */ #resources-section { background: var(--white); } body.dark-mode #resources-section { background: var(--off-white); } .resources-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; } .resource-card { background: var(--off-white); border-radius: var(--radius-md); padding: 24px; border: 1px solid var(--gray-200); transition: var(--transition); position: relative; overflow: hidden; } body.dark-mode .resource-card { background: #152232; border-color: #1e3045; } .resource-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--gold), var(--navy)); } .resource-card:hover { box-shadow: var(--shadow-md); transform: translateX(4px); } .resource-icon { font-size: 1.8rem; margin-bottom: 12px; } .resource-title { font-size: 0.95rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; } body.dark-mode .resource-title { color: var(--gold-light); } .resource-desc { font-size: 0.82rem; color: var(--text-muted); margin-bottom: 14px; } .btn-download { background: transparent; border: 2px solid var(--gold); color: var(--gold-dark); padding: 7px 18px; border-radius: 50px; font-size: 0.82rem; font-weight: 700; cursor: pointer; transition: var(--transition); display: inline-block; } .btn-download:hover { background: var(--gold); color: var(--navy-dark); } /* ========================================================= 10. GRAMMAR TOOLS ========================================================= */ #tools-section { background: var(--off-white); } body.dark-mode #tools-section { background: var(--dark); } .tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 24px; } .tool-card { background: var(--white); border-radius: var(--radius-lg); padding: 28px 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); transition: var(--transition); position: relative; overflow: hidden; } body.dark-mode .tool-card { background: #152232; border-color: #1e3045; } .tool-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(27,58,107,0.03), rgba(201,168,76,0.05)); opacity: 0; transition: var(--transition); } .tool-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); } .tool-card:hover::after { opacity: 1; } .tool-icon-wrap { width: 52px; height: 52px; background: linear-gradient(135deg, var(--navy), var(--navy-light)); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 1.4rem; margin-bottom: 16px; position: relative; z-index: 1; } .tool-name { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 8px; position: relative; z-index: 1; } body.dark-mode .tool-name { color: var(--gold-light); } .tool-desc { font-size: 0.83rem; color: var(--text-muted); margin-bottom: 16px; position: relative; z-index: 1; } .btn-try { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--navy-dark); padding: 8px 20px; border-radius: 50px; font-size: 0.82rem; font-weight: 700; border: none; cursor: pointer; transition: var(--transition); display: inline-block; position: relative; z-index: 1; } .btn-try:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(201,168,76,0.4); } /* ========================================================= 11. BLOG SECTION ========================================================= */ #blog-section { background: var(--white); } body.dark-mode #blog-section { background: var(--off-white); } .blog-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 36px; justify-content: center; } .blog-filter-btn { padding: 7px 20px; border-radius: 50px; border: 2px solid var(--gray-200); font-size: 0.84rem; font-weight: 600; color: var(--text-muted); background: var(--white); cursor: pointer; transition: var(--transition); } body.dark-mode .blog-filter-btn { background: #152232; border-color: #1e3045; color: #8fa3bb; } .blog-filter-btn.active, .blog-filter-btn:hover { background: var(--navy); border-color: var(--navy); color: #fff; } .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; } .blog-card { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; border: 1px solid var(--gray-200); transition: var(--transition); } body.dark-mode .blog-card { background: #152232; border-color: #1e3045; } .blog-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); } .blog-thumb { height: 180px; background: linear-gradient(135deg, var(--navy), var(--gold-dark)); overflow: hidden; position: relative; } .blog-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .blog-card:hover .blog-thumb img { transform: scale(1.05); } .blog-cat-tag { position: absolute; top: 12px; left: 12px; background: var(--navy); color: var(--gold); font-size: 0.7rem; font-weight: 700; padding: 3px 10px; border-radius: 50px; letter-spacing: 0.5px; } .blog-body { padding: 20px; } .blog-meta { display: flex; align-items: center; gap: 12px; font-size: 0.75rem; color: var(--text-muted); margin-bottom: 10px; } .blog-title { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 10px; line-height: 1.4; } body.dark-mode .blog-title { color: var(--gold-light); } .blog-excerpt { font-size: 0.84rem; color: var(--text-muted); line-height: 1.55; margin-bottom: 14px; } .blog-read-more { font-size: 0.84rem; font-weight: 700; color: var(--navy); display: inline-flex; align-items: center; gap: 6px; } body.dark-mode .blog-read-more { color: var(--gold); } .blog-read-more:hover { color: var(--gold); gap: 10px; } /* ========================================================= 12. ABOUT AUTHOR SECTION ========================================================= */ #about-section { background: var(--off-white); } body.dark-mode #about-section { background: var(--dark); } .about-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 60px; align-items: center; } .about-img-wrap { position: relative; } .about-img-card { background: linear-gradient(135deg, var(--navy), var(--navy-light)); border-radius: var(--radius-xl); padding: 30px; text-align: center; box-shadow: var(--shadow-lg); } .author-avatar { width: 150px; height: 150px; border-radius: 50%; border: 4px solid var(--gold); margin: 0 auto 16px; object-fit: cover; display: block; background: linear-gradient(135deg, var(--gold-dark), var(--gold)); } .author-avatar-placeholder { width: 150px; height: 150px; border-radius: 50%; border: 4px solid var(--gold); margin: 0 auto 16px; background: linear-gradient(135deg, var(--navy-dark), var(--navy-light)); display: flex; align-items: center; justify-content: center; font-size: 4rem; color: var(--gold); } .author-card-name { font-family: 'Poppins',sans-serif; font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 4px; } .author-card-title { font-size: 0.85rem; color: var(--gold-light); } .about-badge-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; justify-content: center; } .about-badge { background: rgba(255,255,255,0.12); color: #fff; font-size: 0.75rem; font-weight: 600; padding: 5px 12px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.2); } .about-eyebrow { font-size: 0.8rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; display: block; } .about-title { font-size: clamp(1.5rem,2.5vw,2rem); color: var(--navy); margin-bottom: 16px; } body.dark-mode .about-title { color: var(--gold-light); } .about-bio { color: var(--text-muted); margin-bottom: 24px; line-height: 1.75; } .achievements-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; } .achievement-item { display: flex; align-items: center; gap: 12px; font-size: 0.9rem; color: var(--text-main); } body.dark-mode .achievement-item { color: #c8d8e8; } .ach-icon { width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; flex-shrink: 0; } .social-links { display: flex; gap: 10px; flex-wrap: wrap; } .social-btn { width: 42px; height: 42px; border-radius: 50%; background: var(--white); border: 2px solid var(--gray-200); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--navy); transition: var(--transition); } body.dark-mode .social-btn { background: #1e3045; border-color: #2a4060; color: #8fa3bb; } .social-btn:hover { background: var(--navy); border-color: var(--navy); color: var(--gold); transform: translateY(-3px); } /* ========================================================= 13. TESTIMONIALS ========================================================= */ #testimonials-section { background: linear-gradient(135deg, var(--navy-dark), var(--navy)); } .testimonials-title { color: #fff; } .testimonials-desc { color: rgba(255,255,255,0.7); } .testimonials-eyebrow { -webkit-text-fill-color: var(--gold); } .testimonials-slider { position: relative; overflow: hidden; } .testimonials-track { display: flex; gap: 24px; transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); } .testimonial-card { background: rgba(255,255,255,0.07); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-lg); padding: 28px 24px; min-width: 320px; flex-shrink: 0; } .testi-stars { color: var(--gold); font-size: 0.9rem; margin-bottom: 12px; } .testi-quote { color: rgba(255,255,255,0.85); font-size: 0.92rem; line-height: 1.65; margin-bottom: 18px; } .testi-author { display: flex; align-items: center; gap: 12px; } .testi-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--gold-dark), var(--gold)); display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--navy-dark); font-size: 1rem; flex-shrink: 0; } .testi-name { font-weight: 700; color: #fff; font-size: 0.9rem; } .testi-role { font-size: 0.77rem; color: rgba(255,255,255,0.55); margin-top: 2px; } .testi-exam { font-size: 0.72rem; color: var(--gold); font-weight: 600; margin-top: 2px; } .slider-nav { display: flex; justify-content: center; gap: 10px; margin-top: 28px; } .slider-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.3); cursor: pointer; transition: var(--transition); border: none; } .slider-dot.active { background: var(--gold); width: 24px; border-radius: 4px; } .slider-btn { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff; cursor: pointer; font-size: 1rem; display: flex; align-items: center; justify-content: center; transition: var(--transition); } .slider-btn:hover { background: var(--gold); color: var(--navy-dark); } .slider-controls { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; } /* ========================================================= 14. EMAIL SUBSCRIPTION ========================================================= */ #email-section { background: var(--white); } body.dark-mode #email-section { background: var(--off-white); } .email-card { background: linear-gradient(135deg, var(--navy-dark), var(--navy)); border-radius: var(--radius-xl); padding: 60px 40px; text-align: center; position: relative; overflow: hidden; } .email-card::before { content: ''; position: absolute; width: 300px; height: 300px; border-radius: 50%; background: rgba(201,168,76,0.08); top: -100px; right: -80px; } .email-title { font-size: 1.9rem; color: #fff; margin-bottom: 12px; position: relative; z-index: 1; } .email-title span { color: var(--gold); } .email-sub { color: rgba(255,255,255,0.75); margin-bottom: 32px; position: relative; z-index: 1; } .email-form { display: flex; gap: 12px; max-width: 500px; margin: 0 auto; position: relative; z-index: 1; flex-wrap: wrap; } .email-input { flex: 1; min-width: 240px; padding: 14px 20px; border-radius: 50px; border: none; font-size: 0.92rem; outline: none; font-family: 'DM Sans', sans-serif; } .email-input:focus { box-shadow: 0 0 0 3px rgba(201,168,76,0.4); } .btn-subscribe { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--navy-dark); padding: 14px 28px; border-radius: 50px; font-weight: 700; font-size: 0.92rem; border: none; cursor: pointer; transition: var(--transition); white-space: nowrap; } .btn-subscribe:hover { transform: scale(1.05); box-shadow: 0 6px 22px rgba(201,168,76,0.5); } .email-note { font-size: 0.78rem; color: rgba(255,255,255,0.5); margin-top: 14px; position: relative; z-index: 1; } .email-lead-magnet { display: inline-flex; align-items: center; gap: 8px; background: rgba(201,168,76,0.15); border: 1px solid rgba(201,168,76,0.3); color: var(--gold-light); border-radius: 50px; padding: 7px 18px; font-size: 0.82rem; font-weight: 600; margin-bottom: 20px; position: relative; z-index: 1; } /* ========================================================= 15. AFFILIATE SECTION ========================================================= */ #affiliate-section { background: var(--off-white); } body.dark-mode #affiliate-section { background: var(--dark); } .affiliate-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 22px; } .affiliate-card { background: var(--white); border-radius: var(--radius-md); padding: 20px; text-align: center; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); transition: var(--transition); } body.dark-mode .affiliate-card { background: #152232; border-color: #1e3045; } .affiliate-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .affiliate-img { width: 80px; height: 80px; object-fit: contain; margin: 0 auto 12px; border-radius: var(--radius-sm); background: var(--off-white); padding: 8px; } .affiliate-name { font-weight: 700; font-size: 0.88rem; color: var(--navy); margin-bottom: 6px; } body.dark-mode .affiliate-name { color: var(--gold-light); } .affiliate-price { font-size: 0.82rem; color: var(--text-muted); margin-bottom: 12px; } .btn-affiliate { display: inline-block; background: var(--navy); color: #fff; padding: 7px 18px; border-radius: 50px; font-size: 0.8rem; font-weight: 700; transition: var(--transition); } .btn-affiliate:hover { background: var(--gold); color: var(--navy-dark); } /* ========================================================= 16. FAQ SECTION ========================================================= */ #faq-section { background: var(--white); } body.dark-mode #faq-section { background: var(--off-white); } .faq-wrap { max-width: 760px; margin: 0 auto; } .faq-item { border: 1px solid var(--gray-200); border-radius: var(--radius-md); margin-bottom: 12px; overflow: hidden; transition: var(--transition); } body.dark-mode .faq-item { background: #152232; border-color: #1e3045; } .faq-item.open { border-color: var(--gold); box-shadow: 0 4px 16px rgba(201,168,76,0.15); } .faq-q { display: flex; align-items: center; justify-content: space-between; padding: 18px 22px; cursor: pointer; font-weight: 700; font-size: 0.95rem; color: var(--navy); gap: 12px; } body.dark-mode .faq-q { color: var(--gold-light); } .faq-icon { font-size: 1.1rem; color: var(--gold); flex-shrink: 0; transition: transform 0.3s; } .faq-item.open .faq-icon { transform: rotate(45deg); } .faq-a { padding: 0 22px; max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.3s ease; font-size: 0.9rem; color: var(--text-muted); line-height: 1.7; } .faq-item.open .faq-a { padding: 0 22px 18px; max-height: 200px; } /* ========================================================= 17. POPUP LEAD CAPTURE ========================================================= */ #popup-overlay { display: none; position: fixed; inset: 0; background: rgba(13,27,42,0.8); z-index: 2000; align-items: center; justify-content: center; padding: 20px; } #popup-overlay.open { display: flex; } .popup-card { background: var(--white); border-radius: var(--radius-xl); max-width: 480px; width: 100%; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,0.3); animation: popIn 0.4s cubic-bezier(0.34,1.56,0.64,1); } @keyframes popIn { from { opacity:0; transform:scale(0.85); } to { opacity:1; transform:scale(1); } } .popup-header { background: linear-gradient(135deg, var(--navy), var(--navy-light)); padding: 30px 28px; text-align: center; position: relative; } #popup-close { position: absolute; top: 14px; right: 16px; background: rgba(255,255,255,0.15); border: none; border-radius: 50%; width: 32px; height: 32px; color: #fff; cursor: pointer; font-size: 1rem; } .popup-gift-icon { font-size: 2.5rem; margin-bottom: 10px; } .popup-title { color: #fff; font-size: 1.3rem; margin-bottom: 6px; } .popup-subtitle { color: var(--gold-light); font-size: 0.88rem; } .popup-body { padding: 28px; } .popup-form input { width: 100%; padding: 13px 18px; margin-bottom: 12px; border: 2px solid var(--gray-200); border-radius: var(--radius-md); font-size: 0.92rem; outline: none; font-family: 'DM Sans', sans-serif; } .popup-form input:focus { border-color: var(--navy); } .btn-popup-submit { width: 100%; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: var(--navy-dark); padding: 13px; border-radius: 50px; font-weight: 700; font-size: 0.95rem; border: none; cursor: pointer; transition: var(--transition); } .btn-popup-submit:hover { transform: scale(1.02); box-shadow: 0 6px 22px rgba(201,168,76,0.4); } .popup-skip { display: block; text-align: center; margin-top: 12px; font-size: 0.8rem; color: var(--gray-400); cursor: pointer; } .popup-skip:hover { color: var(--text-main); } /* ========================================================= 18. PRICING SECTION ========================================================= */ #pricing-section { background: var(--off-white); } body.dark-mode #pricing-section { background: var(--dark); } .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 28px; align-items: start; } .pricing-card { background: var(--white); border-radius: var(--radius-lg); padding: 32px 28px; border: 2px solid var(--gray-200); box-shadow: var(--shadow-sm); transition: var(--transition); position: relative; } body.dark-mode .pricing-card { background: #152232; border-color: #1e3045; } .pricing-card.featured { border-color: var(--gold); box-shadow: 0 12px 40px rgba(201,168,76,0.2); transform: scale(1.03); } .pricing-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); } .pricing-card.featured:hover { transform: scale(1.03) translateY(-6px); } .featured-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, var(--gold), var(--gold-dark)); color: var(--navy-dark); font-size: 0.75rem; font-weight: 700; padding: 4px 18px; border-radius: 50px; } .pricing-plan { font-size: 0.85rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; } .pricing-price { font-size: 2.5rem; font-weight: 800; color: var(--navy); font-family: 'Poppins',sans-serif; } body.dark-mode .pricing-price { color: var(--gold); } .pricing-price span { font-size: 1rem; font-weight: 500; color: var(--text-muted); } .pricing-desc { font-size: 0.84rem; color: var(--text-muted); margin: 10px 0 20px; } .pricing-features { list-style: none; margin-bottom: 26px; } .pricing-features li { display: flex; align-items: center; gap: 10px; font-size: 0.88rem; color: var(--text-main); padding: 6px 0; border-bottom: 1px solid var(--gray-100); } body.dark-mode .pricing-features li { color: #c8d8e8; border-color: #1e3045; } .check-icon { color: #22c55e; font-size: 0.9rem; } .cross-icon { color: var(--gray-400); font-size: 0.9rem; } /* ========================================================= 19. FOOTER ========================================================= */ #site-footer { background: var(--navy-dark); color: rgba(255,255,255,0.75); padding: 60px 0 0; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; } .footer-brand .logo-name { color: #fff; font-size: 1.3rem; } .footer-brand .logo-tagline { color: rgba(255,255,255,0.45); } .footer-about { font-size: 0.85rem; color: rgba(255,255,255,0.6); margin: 14px 0 20px; line-height: 1.7; } .footer-social { display: flex; gap: 10px; } .footer-social-btn { width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.7); font-size: 0.9rem; transition: var(--transition); } .footer-social-btn:hover { background: var(--gold); color: var(--navy-dark); border-color: var(--gold); } .footer-col h4 { font-size: 0.9rem; font-weight: 700; color: var(--gold); margin-bottom: 18px; text-transform: uppercase; letter-spacing: 0.5px; } .footer-links { list-style: none; display: flex; flex-direction: column; gap: 9px; } .footer-links a { font-size: 0.85rem; color: rgba(255,255,255,0.6); display: flex; align-items: center; gap: 6px; transition: var(--transition); } .footer-links a:hover { color: var(--gold); padding-left: 4px; } .footer-links a::before { content: '›'; color: var(--gold); opacity: 0; transition: var(--transition); } .footer-links a:hover::before { opacity: 1; } .footer-newsletter h4 { color: var(--gold); margin-bottom: 8px; } .footer-newsletter-form { display: flex; gap: 8px; margin-top: 14px; } .footer-newsletter-input { flex: 1; padding: 9px 14px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 50px; color: #fff; font-size: 0.84rem; outline: none; font-family: 'DM Sans', sans-serif; } .footer-newsletter-input::placeholder { color: rgba(255,255,255,0.35); } .footer-newsletter-input:focus { border-color: var(--gold); } .footer-newsletter-btn { background: var(--gold); color: var(--navy-dark); padding: 9px 18px; border-radius: 50px; font-weight: 700; font-size: 0.82rem; border: none; cursor: pointer; transition: var(--transition); white-space: nowrap; } .footer-newsletter-btn:hover { background: var(--gold-light); } .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding: 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; } .footer-copyright { font-size: 0.82rem; color: rgba(255,255,255,0.45); } .footer-legal { display: flex; gap: 18px; } .footer-legal a { font-size: 0.8rem; color: rgba(255,255,255,0.45); } .footer-legal a:hover { color: var(--gold); } /* ========================================================= 20. BACK TO TOP ========================================================= */ #back-to-top { position: fixed; bottom: 28px; right: 28px; z-index: 800; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--navy), var(--navy-light)); color: #fff; border: none; cursor: pointer; box-shadow: var(--shadow-md); font-size: 1.2rem; display: none; align-items: center; justify-content: center; transition: var(--transition); } #back-to-top.visible { display: flex; } #back-to-top:hover { background: linear-gradient(135deg, var(--gold-dark), var(--gold)); color: var(--navy-dark); transform: translateY(-3px); } /* ========================================================= 21. STICKY CTA BANNER ========================================================= */ #sticky-cta { position: fixed; bottom: 0; left: 0; right: 0; z-index: 700; background: linear-gradient(90deg, var(--navy-dark), var(--navy)); border-top: 2px solid var(--gold); padding: 12px 20px; display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; transform: translateY(100%); transition: transform 0.4s ease; } #sticky-cta.visible { display: flex; transform: translateY(0); } .sticky-cta-text { color: #fff; font-size: 0.9rem; font-weight: 600; } .sticky-cta-text span { color: var(--gold); } #sticky-cta-close { background: none; border: none; color: rgba(255,255,255,0.5); cursor: pointer; font-size: 1.1rem; flex-shrink: 0; } /* ========================================================= 22. MAIN CONTENT / POST PAGE ========================================================= */ .main-wrapper { display: grid; grid-template-columns: 1fr 320px; gap: 36px; padding: 50px 0; } .post-content-area { } .sidebar-area { } /* Post card */ .post-article { background: var(--white); border-radius: var(--radius-lg); padding: 40px; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); margin-bottom: 30px; } body.dark-mode .post-article { background: #152232; border-color: #1e3045; } .post-header { margin-bottom: 28px; } .post-category { display: inline-block; background: var(--navy); color: var(--gold); font-size: 0.75rem; font-weight: 700; padding: 4px 14px; border-radius: 50px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 14px; } .post-title-main { font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--navy); margin-bottom: 14px; line-height: 1.25; } body.dark-mode .post-title-main { color: var(--gold-light); } .post-meta-bar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 0.82rem; color: var(--text-muted); padding-bottom: 18px; border-bottom: 2px solid var(--gray-100); } body.dark-mode .post-meta-bar { border-color: #1e3045; } .post-meta-item { display: flex; align-items: center; gap: 5px; } .post-featured-img { border-radius: var(--radius-md); margin: 22px 0; box-shadow: var(--shadow-md); width: 100%; } /* TOC */ .toc-box { background: var(--off-white); border-left: 4px solid var(--gold); border-radius: 0 var(--radius-md) var(--radius-md) 0; padding: 22px 24px; margin: 30px 0; } body.dark-mode .toc-box { background: #152232; } .toc-title { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--navy); margin-bottom: 14px; } body.dark-mode .toc-title { color: var(--gold); } .toc-list { list-style: none; counter-reset: toc-counter; } .toc-list li { margin-bottom: 7px; } .toc-list li::before { counter-increment: toc-counter; content: counter(toc-counter) ". "; color: var(--gold); font-weight: 700; margin-right: 4px; } .toc-list a { font-size: 0.87rem; color: var(--text-main); } body.dark-mode .toc-list a { color: #c8d8e8; } .toc-list a:hover { color: var(--navy); } /* Post body typography */ .post-body { font-size: 1rem; line-height: 1.85; color: var(--text-main); } body.dark-mode .post-body { color: #c8d8e8; } .post-body h2 { font-size: 1.5rem; color: var(--navy); margin: 36px 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--gold); } body.dark-mode .post-body h2 { color: var(--gold-light); } .post-body h3 { font-size: 1.2rem; color: var(--navy); margin: 24px 0 10px; } .post-body p { margin-bottom: 16px; } .post-body ul, .post-body ol { margin: 0 0 16px 22px; } .post-body li { margin-bottom: 6px; } .post-body blockquote { border-left: 4px solid var(--gold); padding: 14px 20px; background: var(--off-white); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin: 20px 0; font-style: italic; color: var(--text-muted); } body.dark-mode .post-body blockquote { background: #152232; } .post-body code { background: var(--gray-100); padding: 2px 7px; border-radius: 4px; font-family: monospace; font-size: 0.9em; color: var(--navy); } .post-body pre { background: var(--navy-dark); color: #e8f0fe; padding: 20px; border-radius: var(--radius-md); overflow-x: auto; margin: 20px 0; } .post-body table { width: 100%; border-collapse: collapse; margin: 20px 0; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); } .post-body th { background: var(--navy); color: var(--gold); padding: 12px 16px; font-size: 0.88rem; text-align: left; } .post-body td { padding: 10px 16px; border-bottom: 1px solid var(--gray-200); font-size: 0.9rem; } .post-body tr:nth-child(even) td { background: var(--off-white); } body.dark-mode .post-body td { border-color: #1e3045; } body.dark-mode .post-body tr:nth-child(even) td { background: #1a2e45; } /* Social share */ .post-share { margin-top: 36px; padding-top: 24px; border-top: 2px solid var(--gray-100); display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } body.dark-mode .post-share { border-color: #1e3045; } .share-label { font-size: 0.85rem; font-weight: 700; color: var(--text-muted); } .share-btn { padding: 7px 18px; border-radius: 50px; font-size: 0.82rem; font-weight: 700; cursor: pointer; transition: var(--transition); border: none; display: inline-flex; align-items: center; gap: 6px; } .share-fb { background: #1877F2; color: #fff; } .share-tw { background: #1DA1F2; color: #fff; } .share-wa { background: #25D366; color: #fff; } .share-tg { background: #0088cc; color: #fff; } .share-btn:hover { transform: scale(1.07); opacity: 0.9; } /* Sidebar */ .sidebar-widget { background: var(--white); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-200); margin-bottom: 24px; } body.dark-mode .sidebar-widget { background: #152232; border-color: #1e3045; } .widget-title { font-size: 0.88rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--navy); margin-bottom: 18px; padding-bottom: 10px; border-bottom: 3px solid var(--gold); display: inline-block; } body.dark-mode .widget-title { color: var(--gold); } /* Breadcrumbs */ .breadcrumbs { background: var(--gray-100); padding: 10px 0; } body.dark-mode .breadcrumbs { background: #1e3045; } .breadcrumb-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; font-size: 0.82rem; color: var(--text-muted); } .breadcrumb-list li + li::before { content: '›'; margin-right: 6px; color: var(--gold); } .breadcrumb-list a { color: var(--navy); } body.dark-mode .breadcrumb-list a { color: var(--gold-light); } /* ========================================================= 23. ANIMATIONS ========================================================= */ @keyframes fadeDown { from { opacity:0; transform:translateY(-10px); } to { opacity:1; transform:translateY(0); } } @keyframes fadeIn { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } } @keyframes countUp { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; transform:translateY(24px); transition:opacity 0.6s ease, transform 0.6s ease; } .fade-in.visible { opacity:1; transform:translateY(0); } /* ========================================================= 24. RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px; } .about-grid { gap: 36px; } } @media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; gap: 36px; text-align: center; } .hero-btns { justify-content: center; } .hero-stats { justify-content: center; } .hero-sub { margin-left: auto; margin-right: auto; } .about-grid { grid-template-columns: 1fr; } .main-wrapper { grid-template-columns: 1fr; } .sidebar-area { order: -1; } } @media (max-width: 768px) { .main-nav { display: none; position: fixed; inset: 0; top: 68px; background: var(--white); flex-direction: column; padding: 20px; overflow-y: auto; z-index: 800; gap: 0; } body.dark-mode .main-nav { background: var(--dark); } .main-nav.mobile-open { display: flex; } .main-nav > li > a { padding: 14px; font-size: 1rem; border-radius: 0; border-bottom: 1px solid var(--gray-100); } .hamburger { display: flex; } .header-cta { display: none; } .footer-grid { grid-template-columns: 1fr; } .email-form { flex-direction: column; align-items: stretch; } .email-input { min-width: unset; } #hero { padding: 60px 0 50px; } .section-pad { padding: 55px 0; } .blog-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .ebooks-grid { grid-template-columns: 1fr; } .pricing-grid { grid-template-columns: 1fr; } .pricing-card.featured { transform: none; } .hero-book-img { width: 150px; } } /* Print styles */ @media print { #site-header, #site-footer, #back-to-top, #sticky-cta, #notif-bar { display: none !important; } .post-article { box-shadow: none; border: none; } body { font-size: 12pt; } .post-body h2 { page-break-after: avoid; } } ]]>
🎉 New Book Live! Question Tags Decoded — 150 Rules for All Govt Exams. Get it on Amazon →

Try: "question tags", "active passive", "SSC CGL"

⭐ Trusted by 50,000+ Students Across India

Master English Grammar.
Crack Any Exam.

India's most practical English grammar books for SSC CGL, IBPS, RRB NTPC, UPSC & CBSE 12th — written by a mentor with 15+ years of coaching experience.

📚 Shop eBooks on Amazon 🎁 Get Free PDFs
8+
Books Published
50K+
Students Helped
5000+
MCQs Created
15+
Years Teaching
📖
Question Tags Decoded
150 Rules · All Govt Exams
⭐ 4.8/5 — Amazon Bestseller
8+
Grammar Books on Amazon KDP
5000+
Practice MCQs Written
50K+
Students Benefited
15+
Years of Teaching Experience
100%
Exam-Focused Content
📚 Our Library

Featured Grammar eBooks

Written for Indian competitive exam aspirants — practical, example-rich, and exam-pattern ready.

🏆 Bestseller
📖
Question Tags Decoded
150 Rules · All Govt Exams
Question Tags Decoded
150 Rules + 186 Practice Sets for SSC, Railways, Bank Exams. Zero confusion approach.
★★★★★4.8 (342 reviews)
₹299 ₹499
Buy on Amazon 🛒
🆕 New
✍️
Articles for SSC CGL 2026
Zero Errors
Articles: Zero Errors
100+ Traps, 30-Day System, Decision Trees. The only Articles book for SSC CGL 2026.
★★★★★4.7 (218 reviews)
₹299 ₹449
Buy on Amazon 🛒
🔧
Gerunds vs Infinitives
vs Participles
Gerunds vs Infinitives vs Participles
500 Questions, 10 Shortcut Rules, 23 Exam Traps. Clears every confusion in one book.
★★★★★4.8 (195 reviews)
₹299 ₹449
Buy on Amazon 🛒
📝
Spelling Correction Mastery
500 Questions
Spelling Correction Mastery
865+ MCQs, 15 Chapters. Covers every spelling trap asked in SSC, Railways & Banks.
★★★★☆4.6 (167 reviews)
₹299 ₹449
Buy on Amazon 🛒
View All eBooks →
📂 Browse Topics

Grammar Categories

Every topic you need for SSC, IBPS, RRB, UPSC & CBSE 12th — organized for focused practice.

⏱️
Tenses
42 lessons
 📌
Articles
28 lessons
 🔗
Prepositions
35 lessons
 🔄
Active & Passive Voice
24 lessons
 📚
Vocabulary
50 lessons
 🧩
Clauses
18 lessons
 ✅
Competitive Exam MCQ
200+ MCQs
 ✍️
Writing Skills
22 lessons
🎁 100% Free

Free Grammar Resources

Download free PDFs, practice tests, and grammar notes. No signup needed for most resources.

📄
Question Tags Quick Reference
All 150 rules on 2 pages. Print-ready PDF for last-minute revision.
⬇ Download Free
📋
Articles Practice Worksheet
50 fill-in-the-blank exercises with answer key. SSC CGL level.
⬇ Download Free
🗂️
Tense Formula Chart
All 12 tenses with structures, formulas, and signal words on one sheet.
⬇ Download Free
🧪
Free Mock Test: SSC English
30-question online mock test. Instant score + detailed solutions.
▶ Take Free Test
📑
Prepositions Cheat Sheet
100 most-asked prepositions in SSC/RRB exams with Hindi meanings.
⬇ Download Free
🎯
100 PYQ Grammar Questions
Actual questions from SSC CGL 2019–2024 with explanations.
⬇ Download Free
🛠 Smart Tools

Grammar Practice Tools

Free interactive tools to practice grammar — no download, no signup needed.

⏱️
Tense Identifier
Type any sentence and instantly identify which tense it is with a full explanation.
Try Free →
✅
Grammar Checker
Paste your paragraph and find grammar mistakes with corrections — SSC exam style.
Try Free →
🔄
Voice Change Tool
Convert active sentences to passive (and back) with step-by-step rules shown.
Try Free →
📚
Vocabulary Builder
Daily word cards with synonyms, antonyms, and a usage sentence — for all exams.
Try Free →
📝
Sentence Corrector
Find errors in sentences the way SSC CGL Error Spotting questions are framed.
Try Free →
🎯
Question Tag Generator
Enter any statement and get the correct question tag with rule explanation.
Try Free →
📝 Learn Daily

Latest Grammar Articles

Free lessons, exam-pattern MCQs, and grammar explanations — updated weekly.

View All Articles →
👨‍🏫
Balu Kandekar
English Grammar Coach & KDP Author
📍 Pune, Maharashtra 15+ Years 8+ Books
👋 Meet Your Mentor

I Help Indian Students Stop Losing Marks in English

I'm Balu Kandekar — an English grammar coach from Pune with 15+ years of teaching experience. I've helped thousands of students crack SSC CGL, IBPS PO, RRB NTPC, and UPSC exams. My books aren't textbooks — they're your exam preparation partner, written the way a real mentor explains things.

  • 📚
    8+ grammar books published on Amazon KDP India
  • 🎓
    50,000+ students guided across Maharashtra & India
  • ✅
    5000+ exam-pattern MCQs written with PYQ references
  • 🏆
    Specializes in SSC CGL, IBPS PO, RRB NTPC English sections
⭐ Student Reviews

What Students Say

Real reviews from students who used ebookcharm books to crack their exams.

★★★★★

"Question Tags Decoded cleared 10 years of confusion in 2 days. The rule-based approach is exactly what I needed for SSC CGL. Got 22/25 in English section!"

R
Rahul Mishra
SSC CGL 2024 Qualifier
📍 Allahabad, UP
★★★★★

"The Articles book is gold. I used to randomly guess A/An/The — now I have a 30-second decision system. This is the kind of mentor voice that actually sticks."

P
Priya Sharma
IBPS PO Aspirant
📍 Nagpur, Maharashtra
★★★★★

"Balu sir's Gerunds book helped me score 18/20 in the English section of RRB NTPC. The exam traps section alone is worth ₹299. Highly recommend to every railway aspirant."

A
Amit Kumar
RRB NTPC 2024 Selected
📍 Patna, Bihar
★★★★★

"Finally a grammar book that doesn't feel like a school textbook! Balu sir writes like he's sitting next to you. The PYQ tags in each chapter are incredibly useful."

S
Sneha Patil
UPSC CSE Aspirant
📍 Pune, Maharashtra
💰 Simple Pricing

Pick Your Study Pack

All books priced to be accessible for every Indian student. One-time purchase, lifetime access.

Single Book
₹299 / book
Perfect if you want to start with one specific topic.
  • ✓ 120–150 pages of content
  • ✓ 500+ MCQs with PYQ tags
  • ✓ Exam traps & shortcut rules
  • ✓ Answer key included
  • ✗ Bundle discount
Buy on Amazon →
⭐ Best Value
3-Book Bundle
₹799 / 3 books
Save ₹98 — best choice for serious exam aspirants.
  • ✓ 3 books of your choice
  • ✓ 1500+ MCQs combined
  • ✓ All shortcut rules & traps
  • ✓ PYQ bank across exams
  • ✓ Bundle discount applied
Build Your Bundle →
Complete Library
₹1,799 / all books
All 8 books. The complete ebookcharm grammar library.
  • ✓ All 8 grammar books
  • ✓ 4000+ MCQs total
  • ✓ Covers all exam topics
  • ✓ Free PDF resources
  • ✓ Maximum savings
View Complete Library →
❓ FAQ

Frequently Asked Questions

Are these books available in Hindi? +
The books are written in English — but with Indian student scenarios, Hinglish examples, and explanations that make perfect sense to Hindi-medium students. Many of our readers from UP, Bihar, and Rajasthan find them very easy to follow.
Which exams are these books useful for? +
SSC CGL, CHSL, MTS, CPO — IBPS PO, Clerk, RRB — RRB NTPC, Group D — UPSC CAPF, NDA, CDS — State PSC exams (UPPSC, MPPSC, BPSC) — and CBSE 12th Board. Every MCQ is tagged with the exam name and year.
Are these paperback books or eBooks? +
Both! You can order the physical paperback (printed on good quality paper, 6×9 inch format) or download the Kindle eBook version — whichever suits your study style. Both are available on Amazon India.
How are these books different from SP Bakshi or Arihant? +
SP Bakshi covers everything broadly. Our books go deep on one topic at a time — with shortcut rules, exam traps, and PYQs that show you exactly which patterns examiners repeat. Think of it as a specialist guide, not a general reference.
Can I get a refund if I'm not satisfied? +
Amazon's standard return policy applies to all physical book purchases. For Kindle eBooks, Amazon offers returns within 7 days of purchase if you haven't downloaded more than 10% of the book.
🛍 Recommended

Books & Tools We Recommend

Handpicked resources that complement your grammar preparation. Affiliate links help support this free blog.

📖
Wren & Martin
₹445 on Amazon
View on Amazon
📚
Oxford Dictionary
₹799 on Amazon
View on Amazon
🖊️
Study Planner Notebook
₹199 on Amazon
View on Amazon
⌚
Exam Timer Clock
₹349 on Amazon
View on Amazon

* Affiliate disclosure: We may earn a small commission on purchases through our links, at no extra cost to you.

  1. Home
    3.
📚 New! Question Tags Decoded — 150 Rules for All Govt Exams
Buy ₹299 →