.brxe-code{width:100%}.brxe-button{width:auto}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}.csap-mcq-wrapper { display: flex; flex-wrap: wrap; gap: 50px; align-items: flex-start; max-width: 1200px; margin: 0 auto; padding: 0 20px;}.csap-mcq-left { flex: 1 1 50%; min-width: 280px;}.csap-badge-orange { display: inline-block; padding: 6px 14px; background: #FFE8D1; color: #E65100; border-radius: 50px; margin-bottom: 14px; font-weight: 600;}.csap-mcq-title { font-size: 38px; font-weight: 700; color: #E65100; margin-bottom: 10px;}.csap-mcq-subtitle { font-size: 16px; color: #444; margin-bottom: 18px;}.csap-mcq-list { margin: 0 0 14px; padding-left: 18px;}.csap-mcq-list li { margin-bottom: 7px;}.csap-exam-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px;}.csap-pill-red { background: #B71C1C; color: #fff; padding: 6px 16px; border-radius: 50px; font-weight: 600;}.csap-pill-orange { background: #E65100; color: #fff; padding: 6px 16px; border-radius: 50px; font-weight: 600;}.csap-mcq-card { flex: 1 1 45%; min-width: 300px; background: #fff; padding: 28px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.12);}.csap-card-heading { font-size: 22px; font-weight: 700; margin-bottom: 16px;}.csap-tag-limited { background: #FFF3E0; color: #E65100; padding: 3px 10px; border-radius: 20px; margin-left: 8px; font-size: 12px;}.csap-card-columns { display: flex; gap: 20px; flex-wrap: wrap;}.csap-card-col { flex: 1 1 45%;}.csap-col-title { font-size: 18px; margin-bottom: 6px; font-weight: 700;}.csap-col-title.free { color: #388E3C;}.csap-col-title.paid { color: #E65100;}.csap-mcq-list.small li { margin-bottom: 5px;}.csap-btn-row { margin-top: 18px; display: flex; gap: 14px; flex-wrap: wrap;}.csap-btn { padding: 12px 22px; border-radius: 50px; font-weight: 600; text-decoration: none; font-size: 15px; display: inline-block; transition: 0.2s ease;}.csap-btn-primary { background: #E65100; color: #fff; box-shadow: 0 4px 12px rgba(230,81,0,0.3);}.csap-btn-primary:hover { transform: translateY(-2px);}.csap-btn-outline { border: 2px solid #E65100; color: #E65100;}.csap-btn-outline:hover { background: #FFE0B2;}@media (max-width: 768px) { .csap-mcq-title { font-size: 30px; } .csap-mcq-wrapper { padding: 0 14px; }}.csap-card-grid { max-width: 1200px; margin: 0 auto; padding: 40px 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px;}.csap-info-card { background: #ffffff; border-radius: 18px; padding: 24px; text-align: center; box-shadow: 0 6px 20px rgba(0,0,0,0.12); transition: 0.25s ease; border: 1px solid #eee;}.csap-info-card:hover { transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0,0,0,0.18);}.csap-card-icon { font-size: 42px; margin-bottom: 10px;}.csap-card-title { font-size: 20px; font-weight: 700; color: #E65100; margin-bottom: 8px;}.csap-card-text { font-size: 14px; color: #555; margin-bottom: 18px; line-height: 1.5;}.csap-card-btn { display: inline-block; padding: 10px 20px; border-radius: 50px; background: #fff3e0; color: #E65100; border: 2px solid #E65100; font-weight: 600; text-decoration: none; transition: 0.2s ease;}.csap-card-btn:hover { background: #ffd9b3;}.buy-now-card { border: 2px solid #E65100;}.buy-now-btn { background: #E65100; color: #fff;}.buy-now-btn:hover { background: #C74600;}@keyframes fadeUp { 0% { opacity: 0; transform: translateY(25px); } 100% { opacity: 1; transform: translateY(0); }}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@keyframes scaleIn { 0% { opacity: 0; transform: scale(0.92); } 100% { opacity: 1; transform: scale(1); }}.csap-hero-inner,.csap-hero-title,.csap-hero-subtitle,.csap-hero-text { animation: fadeUp 0.9s ease forwards;}.csap-mcq-wrapper { opacity: 0; animation: fadeUp 1s ease forwards; animation-delay: 0.2s;}.csap-mcq-card { opacity: 0; animation: scaleIn 0.9s ease forwards; animation-delay: 0.3s;}.csap-mcq-left { opacity: 0; animation: fadeUp 1s ease forwards; animation-delay: 0.1s;}.csap-cta-wrapper { opacity: 0; animation: fadeUp 1s ease forwards; animation-delay: 0.2s;}.csap-info-card { opacity: 0; animation: fadeUp 1s ease forwards;}.csap-info-card:nth-child(1) { animation-delay: 0.1s; }.csap-info-card:nth-child(2) { animation-delay: 0.2s; }.csap-info-card:nth-child(3) { animation-delay: 0.3s; }.csap-info-card:nth-child(4) { animation-delay: 0.4s; }.csap-info-card:nth-child(5) { animation-delay: 0.5s; }.csap-btn,.csap-card-btn { transition: 0.25s ease;}.csap-btn:hover,.csap-card-btn:hover { transform: translateY(-3px);}@keyframes wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(2deg); } 75% { transform: rotate(-2deg); }}.buy-now-btn:hover { animation: wiggle 0.4s ease-in-out;}Card 1 → 0.1s delay Card 2 → 0.2s delay Card 3 → 0.3s delay Card 4 → 0.4s delay Card 5 → 0.5s delay .csap-animate { opacity: 0; transform: translateY(25px); transition: opacity 0.8s ease, transform 0.8s ease;}.csap-animate.animate-in { opacity: 1; transform: translateY(0);}.csap-card-grid .csap-info-card { transition-delay: 0.1s;}.csap-card-grid .csap-info-card:nth-child(2) { transition-delay: 0.2s;}.csap-card-grid .csap-info-card:nth-child(3) { transition-delay: 0.3s;}.csap-card-grid .csap-info-card:nth-child(4) { transition-delay: 0.4s;}.csap-card-grid .csap-info-card:nth-child(5) { transition-delay: 0.5s;}.csap-btn,.csap-card-btn { transition: 0.25s ease;}.csap-btn:hover,.csap-card-btn:hover { transform: translateY(-3px);}@keyframes wiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(2deg); } 75% { transform: rotate(-2deg); }}.buy-now-btn:hover { animation: wiggle 0.4s ease-in-out;}document.addEventListener('DOMContentLoaded', function () { const animatedEls = document.querySelectorAll('.csap-animate'); if (!('IntersectionObserver' in window)) { // Fallback: show everything if browser is old animatedEls.forEach(el => el.classList.add('animate-in')); return; } const observer = new IntersectionObserver( entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.2 } ); animatedEls.forEach(el => observer.observe(el));});document.addEventListener('DOMContentLoaded', function () { const animatedEls = document.querySelectorAll('.csap-animate'); if (!('IntersectionObserver' in window)) { // Fallback: show everything if browser is old animatedEls.forEach(el => el.classList.add('animate-in')); return; } const observer = new IntersectionObserver( entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('animate-in'); observer.unobserve(entry.target); } }); }, { threshold: 0.2 } ); animatedEls.forEach(el => observer.observe(el));});.mcq-animated-title { font-size: 42px; font-weight: 800; background: linear-gradient(90deg, #ff9800, #ff6f00, #e65100, #ff9800); background-size: 300% 100%; -webkit-background-clip: text; color: transparent; animation: mcqGradientMove 8s linear infinite; position: relative; display: inline-block; margin-bottom: 12px;}@keyframes mcqGradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}.mcq-animated-title:hover { animation: mcqGradientMove 4s linear infinite, mcqGlow 1.5s ease-in-out infinite; cursor: pointer;}@keyframes mcqGlow { 0% { text-shadow: 0 0 0px rgba(255,136,0,0.0); } 50% { text-shadow: 0 0 18px rgba(255,136,0,0.8); } 100% { text-shadow: 0 0 0px rgba(255,136,0,0.0); }}@media (max-width: 768px) { .mcq-animated-title { font-size: 32px; } .mcq-animated-white { font-size: 42px; font-weight: 800; color: #ffffff; text-shadow: 0 0 8px rgba(255,255,255,0.4); transition: text-shadow 0.3s ease;}.mcq-animated-white:hover { text-shadow: 0 0 12px rgba(255,255,255,0.8), 0 0 18px rgba(255,150,0,0.8); cursor: pointer;}@media (max-width: 768px) { .mcq-animated-white { font-size: 32px; }}}.mcq-visible-title { color: #ffffff !important; font-size: 42px; font-weight: 800; text-shadow: 0 0 8px rgba(0,0,0,0.5); }<p style="color: white;"> Your one-stop prelims solution for APSC, UPSC & all competitive exams. Scientifically structured practice from basic to advanced levels.</p><style> .white-text { color: white; }</style><p class="white-text"> Your one-stop prelims solution for APSC, UPSC & all competitive exams. Scientifically structured practice from basic to advanced levels.</p><style> .white-text { color: white; }</style><p class="white-text"> Your one-stop prelims solution for APSC, UPSC & all competitive exams. Scientifically structured practice from basic to advanced levels.</p>@media (max-width: 767px) {@media (max-width: 480px) { .your-section-class { flex-direction: column !important; padding: 20px !important; } .your-heading-class { font-size: 26px !important; }}}#brxe-vrzqwk {background-color: var(--bricks-color-guoofx)}#brxe-jklbep {background-color: var(--bricks-color-guoofx)}#brxe-cf2597 {align-self: flex-start !important; padding-top: 50px; padding-bottom: 5px}#brxe-ltxduy {background-color: var(--bricks-color-bxxjdk)}#brxe-fakdgm {background-color: var(--bricks-color-guoofx)}