/* ============================================================
   home.css  —  Homepage-specific styles for indiags.com
   Replaces: main.css, custom.css, colorbox.css, header.css
   (for index.php only)
   ============================================================ */

/* ── 1. Base Reset ─────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
::-webkit-input-placeholder{opacity:1;color:rgba(0,0,0,0.4)}
:-moz-placeholder{opacity:1;color:rgba(0,0,0,0.4)}
::-moz-placeholder{opacity:1;color:rgba(0,0,0,0.4)}
:-ms-input-placeholder{opacity:1;color:rgba(0,0,0,0.4)}
:focus{outline:0 none!important}
html,body{height:100%;min-height:100%}
body{margin:0;font-family:'Noto Sans',system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
img{border:0 none;max-width:100%;vertical-align:top;margin-bottom:5px}
p{margin:0 0 20px}
p:last-child,p:last-of-type{margin-bottom:0}
a{text-decoration:none;color:#222831;cursor:pointer;transition:color .2s}
a:hover,a:focus{color:teal;text-decoration:none}
b,strong{font-weight:700}
h2{font-family:"Open Sans",Arial,Helvetica,sans-serif;margin:0;font-weight:normal;line-height:1.2}
ul{margin:0;padding:0;list-style:none}

/* ── 2. Layout ─────────────────────────────────────────────── */
.wrapper{max-width:1200px;width:100%;margin:0 auto}
.clearfix::after,.wrapper::after,.panel-container::after,.footer-container::after{content:"";display:table;clear:both}

/* ── 3. Colour Utilities ───────────────────────────────────── */
.bg-blue  {background-color:#14c3e5}
.bg-green {background-color:#27b999}
.bg-red   {background-color:#f47c7c}
.bg-pink  {background-color:#ff668f}
.bg-purple{background-color:#8f72ff}
.bg-darkred{background-color:#ff5353}
.bg-black {background-color:#000}
.bg-white {background-color:#fff}
.bg-yellow{background-color:#fba113}
.label{display:inline-block;font-size:11px;font-weight:700;line-height:1;padding:5px 8px;color:#fff;text-transform:uppercase}
.correct{color:green}
.wrong  {color:red}
.none   {display:none}

/* ── 4. Top Banner Slider ──────────────────────────────────── */
.section-banner.topbanner-slider{background-color:#fff;padding:8px 0}
#rowmobile_slideshow{display:block}
#rowdesktop_slideshow{display:none}
.splide__slide{list-style:none}
.splide__slide a{display:block;position:relative;overflow:hidden}
.row_des{display:inline-block;vertical-align:top}
.thiheader{position:relative;overflow:hidden;display:inline-block;vertical-align:top}
.header-filter{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.55))}
.overlay-box.hrefslide{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff}
.overlay-box.hrefslide .main-title{display:block;font-size:9px;font-weight:600;line-height:1.3;color:#fff}
.overlay-box.hrefslide .description{display:none}

/* ── 5. Google News Button ─────────────────────────────────── */
.indiags-news-btn{
    --btn-bg-hover:#1765cc;
    --btn-ring:rgba(26,115,232,.4);
    display:inline-flex;align-items:center;gap:10px;
    padding:2px 14px;border-radius:9999px;
    background:var(--btn-bg-hover);color:#f9f9f9;
    text-decoration:none;
    font:600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    border:1px solid transparent;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    margin-bottom:15px
}
.indiags-news-btn:hover{color:#fff;background:#1765cc;transform:translateY(-0.2px);box-shadow:0 8px 22px rgba(26,115,232,.25)}
.indiags-news-btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(0,0,0,.15)}
.indiags-news-btn:focus-visible{outline:none;box-shadow:0 0 0 4px var(--btn-ring)}
.indiags-news-btn svg{display:block}

.indiags-news-bn{
    display:inline-flex;align-items:center;gap:10px;
    color:#f9f9f9;text-decoration:none;
    font:600 14px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:15px
}

/* ── 6. CTA Links Bar (legacy — kept for other pages) ─────── */
.container.affair{text-align:center;margin-bottom:8px}
[class^="cta-link"]{
    display:inline-block;padding:5px 10px;border-radius:15px;
    font-weight:500;text-decoration:none;
    transition:box-shadow .3s,background .3s,transform .2s;
    margin-bottom:10px;border:none;cursor:pointer
}
.cta-link        {background:#3390ec;color:#fff}
.cta-link:hover  {background:#1e75d4;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-two    {background:#f0932b;color:#fff}
.cta-link-two:hover{background:#ff7979;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-three  {background:#ee5253;color:#fff}
.cta-link-three:hover{background:red;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-four   {background:#22a6b3;color:#fff;padding:5px 20px}
.cta-link-four:hover{background:#7ed6df;color:#444;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-five   {background:#badc58;color:#444;padding:5px 20px}
.cta-link-five:hover{background:#6ab04c;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-six    {background:#B948E1;color:#fff;padding:5px 20px}
.cta-link-six:hover{background:#8414B8;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-seven  {background:#333;color:#f1f1f1;padding:5px 20px}
.cta-link-seven:hover{background:#555;color:#fff;transform:translateY(-1px);box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-eight  {background:#bdb76b;color:#000;padding:5px 20px}
.cta-link-eight:hover{background:#e58e26;color:#f9f9f9;box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-nine   {background:#3742fa;color:#f9f9f9;padding:10px 20px}
.cta-link-nine:hover{background:#1e3799;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.5)}
.cta-link-ten    {background:#EE5A24;color:#f9f9f9;padding:10px 20px}
.cta-link-ten:hover{background:#ff6348;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.5)}

/* ── 6b. Modern Promo Buttons (homepage) ───────────────────── */
.promo-btn-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px 16px 8px;
    flex-wrap: wrap;
}
.promo-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 12px;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .01em;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    white-space: nowrap;
}
.promo-btn:hover {
    transform: translateY(-3px);
    text-decoration: none;
    filter: brightness(1.08);
}
.promo-btn__badge {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: 2px 8px;
    border-radius: 99px;
    margin-left: 2px;
}
.promo-btn--books {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
    box-shadow: 0 4px 14px rgba(99,102,241,.35);
}
.promo-btn--books:hover {
    color: #fff;
    box-shadow: 0 8px 24px rgba(99,102,241,.45);
}
.promo-btn--books .promo-btn__badge {
    background: rgba(255,255,255,.22);
    color: #e0e7ff;
}
.promo-btn--stationery {
    background: linear-gradient(135deg, #ea580c, #f97316);
    color: #fff;
    box-shadow: 0 4px 14px rgba(234,88,12,.35);
}
.promo-btn--stationery:hover {
    color: #fff;
    box-shadow: 0 8px 24px rgba(234,88,12,.45);
}
.promo-btn--stationery .promo-btn__badge {
    background: rgba(255,255,255,.22);
    color: #fed7aa;
}

/* ── 6c. Telegram CTA ──────────────────────────────────────── */
.tg-cta-row {
    display: flex;
    justify-content: center;
    padding: 16px 16px 28px;
}
.tg-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 24px;
    border-radius: 12px;
    background: linear-gradient(135deg, #229ED9, #1a8bbf);
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .01em;
    box-shadow: 0 4px 16px rgba(34,158,217,.38);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.tg-cta-btn:hover {
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(34,158,217,.48);
    filter: brightness(1.07);
    text-decoration: none;
}
.tg-cta-btn__chip {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(255,255,255,.22);
    color: #cce9f7;
    padding: 2px 9px;
    border-radius: 99px;
    margin-left: 2px;
}

/* ── 7. Jobs Slider ────────────────────────────────────────── */
.jobs-slider-wrapper{overflow:hidden;position:relative;width:100%;padding:10px 0}
.jobs-slider-track{display:flex;gap:20px;width:max-content;animation:slideLeft 25s linear infinite}
.jobs-slider-wrapper:hover .jobs-slider-track{animation-play-state:paused}
@keyframes slideLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.job-card-sliding{flex:0 0 350px;display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:10px;border-bottom:3px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.job-card-sliding:hover{transform:translateY(-0.02px);box-shadow:0 6px 15px rgba(0,0,0,.1)}
.front-currents{border:none}

/* ── 8. Section News Panels (Today's CA + Exam Info) ──────── */
.section-news{margin-bottom:40px;margin-top:2%}
.section-news-mobile{display:none;padding:0}

.panel-container{margin-left:-15px;margin-right:-15px}
.panel-container .panel{min-height:1px;padding-left:15px;padding-right:15px;float:left}
.panel-container .panel--body{padding:20px 0;position:relative}
.panel-container .panel--body.bordered{padding:5px 0 0;border:1px solid #dc3545;background-color:#fff6f8}
.panel-container .panel-whats-new .panel--body.bordered{height:570px}
.panel-whats-new .read-more{position:absolute;bottom:20px}
.panel-container .panel-test{width:450px}
.panel-container .panel-current-affairs{width:415px}
.panel-container .panel-whats-new{width:415px}

/* front-current card redesign — scoped to section-news only */
.section-news .panel-container{
    margin-left:0;margin-right:0;
    display:flex;gap:20px;
}
.section-news .panel.front-current{
    padding:0;float:none;
    width:calc(50% - 10px)!important;
    border-radius:14px;
    box-shadow:0 4px 24px rgba(0,0,0,.10);
    overflow:hidden;
    border:none;
    display:flex;flex-direction:column;
}
aside.front-current{
    border:none;
    height:auto;
    display:flex;
    flex-direction:column;
    flex:1;
}

/* Panel header — base */
.panel-container .panel--header{
    border-radius:0;
    padding:14px 18px;
    background-color:#0a5570;
}
.panel-container .panel--header h3,
.panel-container .panel--header h1,
.panel-container .panel--header h2{
    font-size:16px;font-weight:600;line-height:1.3;color:#fff;margin:0;letter-spacing:.2px;
}

/* Today's Current Affairs header — purple gradient */
.panel--header.bg-purple,
.panel--header.bg-purple.custom{
    background:linear-gradient(135deg,#7c5cfc 0%,#6941c6 100%)!important;
}

/* Exam's Useful Info header — teal/green-blue distinct from purple */
.panel--header.hdr-exam-info{
    background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%);
}

.panel--header.bg-green h3 span,.panel--header.bg-purple.custom h3 span{float:right}

/* Panel body for front-current panels */
.panel-container .panel-current-affairs .panel--body{
    background:#fff;
    padding:0;
    border:none;
    border-radius:0;
}

/* Equal-height scroll container for both front panels */
.panel--body.front-scroll{
    height:390px;
    overflow-y:auto;
    overflow-x:hidden;
    outline:none;
    background:#fff;
    scroll-behavior:smooth;
}
.panel--body.front-scroll::-webkit-scrollbar{width:4px}
.panel--body.front-scroll::-webkit-scrollbar-track{background:#f1f1f1}
.panel--body.front-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}

/* editorial scroll */
.panel--body.editorial-scroll{height:570px}
.panel-current-affairs .panel--body.editorial-scroll{height:494px}
.panel--body.editorial-scroll.custom_height{height:460px}
.panel--body.editorial-scroll.custom_height.mobile_view{height:auto!important}

/* affairs content */
.affairs p{line-height:1.6;padding:10px 16px;font-size:14px;border-bottom:1px solid #f0f0f0;margin:0;color:#374151}
.affairs p:last-of-type{border-bottom:none}
.border.border-dek.ulclass{padding:0}
.p_seemore{text-align:center;padding:12px 0;background:#fafafa;border-top:1px solid #f0f0f0}
.a_seemore{color:#7c5cfc;font-style:italic;font-size:13px;font-weight:500}
.a_seemore:hover{color:#6941c6}
.question ul{padding:0;margin:0}
.question ul li{list-style:none;padding:0;border-bottom:1px solid #f0f0f0}
.question ul li:last-child{border-bottom:none}
.question ul li a{display:flex;align-items:center;padding:10px 16px;font-size:14px;color:#374151;line-height:1.5;transition:background .15s,color .15s}
.question ul li a:hover{background:#f5f3ff;color:#6941c6}
.question ul li a span i{margin-right:8px;margin-left:0;color:#7c5cfc;font-size:13px}

/* readmore / editorial */
.readmore-btn{border:1px solid #f3f1f8;background:#f8f7fd;margin-top:-1px;z-index:1;position:relative;padding:20px;border-radius:0 0 4px 4px}
.panel--body.editorial-scroll{overflow-y:auto}
.panel-current-affairs .editorial-slider{margin-bottom:9px}
.panel-current-affairs .editorial-slider--mobile{display:none}
.panel-current-affairs .editorial-box{padding:10px 0}
.panel-current-affairs .editorial-box:last-child{padding-bottom:0}
.panel-current-affairs .editorial-box .label{margin-bottom:5px}
.panel-current-affairs .editorial-box .label a{color:#fff}
.panel-current-affairs .editorial-box .label.bg-red{background-color:#dedede}
.panel-current-affairs .editorial-box p{line-height:1.4;min-height:44px;margin-bottom:5px}
.panel-current-affairs .editorial-box p a{color:#222}
.panel-current-affairs .editorial-box p a:hover{color:#ff5353}

/* panel-whats-new */
.panel-whats-new .news-slider--mobile{display:none}
.panel-whats-new .news-slide .news-box{padding:19px 0;border-bottom:1px solid #dfdfdf}
.panel-whats-new .news-slide .news-box:first-child{padding-top:0}
.panel-whats-new .news-slide .news-box:last-child{border-bottom:1px solid #dfdfdf;margin:0 0 15px}
.panel-whats-new .news-slide a{display:block;color:#191919;font-style:italic;font-weight:400;font-size:16px}
.panel-whats-new .news-slide a:hover{color:#ff668f}

/* panel-test */
.panel-test section h4{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:15px}
.panel-test section ul li{margin-bottom:0}

/* special list */
.special ul{padding:0}
.special ul li{list-style:none;border-bottom:1px solid #ddd;margin-bottom:15px;padding:0 18px 10px}
.special ul li a{color:#1a1a1a;font-size:16px}
.special ul li:hover{background:#48cae4}
.special ul li:hover>a{color:#fff}

/* Neutralise .special overrides inside the three-panel section */
.section-three-panels .special ul li{border-bottom:none;margin-bottom:0;padding:0}
.section-three-panels .special ul li a{color:#374151;font-size:14px}
.section-three-panels .special ul li:hover{background:none}
.section-three-panels .special ul li:hover>a{color:#374151}

/* ── Section-Three-Panels (CA Monthly + Objective GK + Articles) ── */
.section-three-panels{margin-top:30px;margin-bottom:40px}
.section-three-panels .panel-container{
    display:flex;gap:20px;margin-left:0;margin-right:0;
}
.section-three-panels .panel{
    width:calc(33.333% - 14px)!important;
    float:none;padding:0;
    border-radius:14px;overflow:hidden;
    box-shadow:0 4px 24px rgba(0,0,0,.09);
    display:flex;flex-direction:column;
    margin-top:0!important;
}

/* Shared header */
.stp-header{
    padding:14px 18px;border-radius:0;
}
.stp-header h3{
    font-size:16px;font-weight:600;line-height:1.3;color:#fff;margin:0;letter-spacing:.2px;
}
.stp-blue {background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}
.stp-purple{background:linear-gradient(135deg,#7c5cfc 0%,#6941c6 100%)}
.stp-red  {background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}

/* Shared body — equal height + scroll */
.stp-body{
    height:450px;
    max-height:450px;
    flex-shrink:0;
    overflow-y:auto;overflow-x:hidden;
    outline:none;
    background:#fff;
    scroll-behavior:smooth;
}
.stp-body::-webkit-scrollbar{width:4px}
.stp-body::-webkit-scrollbar-track{background:#f1f1f1}
.stp-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}
/* Override panel--body default padding for this section */
.section-three-panels .panel-container .panel--body{padding:0}
/* Strip spacing from all wrapper divs inside stp-body */
.stp-body>*,.stp-body #qa-form,.stp-body section,.stp-body .block{margin:0;padding:0}

/* List inside all three (block covers CA Monthly's nested structure) */
.stp-body ul,.stp-body .block ul{list-style:none;padding:0;margin:0}
.stp-body ul li,.stp-body .block ul li{border-bottom:1px solid #f0f0f0;margin:0}
.stp-body ul li:last-child,.stp-body .block ul li:last-child{border-bottom:none}
.stp-body ul li a,.stp-body .block ul li a{
    display:flex;align-items:center;gap:10px;
    padding:12px 16px;
    font-size:14px;color:#374151;line-height:1.5;
    transition:background .15s,color .15s;
}
/* Icon size only — color set per-section below */
.stp-body ul li a i.fa-check,.stp-body .block ul li a i.fa-check{font-size:13px;flex-shrink:0}

/* Default: dark text, section-colored icon */
.section-three-panels .panel-test .stp-body ul li a,
.section-three-panels .panel-test .stp-body .block ul li a{color:#374151}
.section-three-panels .panel-test .stp-body ul li a i,
.section-three-panels .panel-test .stp-body .block ul li a i{color:#0ea5e9}

.section-three-panels .panel-current-affairs .stp-body ul li a{color:#374151}
.section-three-panels .panel-current-affairs .stp-body ul li a i{color:#7c5cfc}

.section-three-panels .panel-whats-new .stp-body ul li a{color:#374151}
.section-three-panels .panel-whats-new .stp-body ul li a i{color:#ef4444}

/* Hover: background + both text AND icon turn to the same section color */
.section-three-panels .panel-test .stp-body ul li a:hover,
.section-three-panels .panel-test .stp-body .block ul li a:hover{background:#e0f2fe;color:#0284c7}
.section-three-panels .panel-test .stp-body ul li a:hover i,
.section-three-panels .panel-test .stp-body .block ul li a:hover i{color:#0284c7}

.section-three-panels .panel-current-affairs .stp-body ul li a:hover{background:#f5f3ff;color:#6941c6}
.section-three-panels .panel-current-affairs .stp-body ul li a:hover i{color:#6941c6}

.section-three-panels .panel-whats-new .stp-body ul li a:hover{background:#fff5f5;color:#dc2626}
.section-three-panels .panel-whats-new .stp-body ul li a:hover i{color:#dc2626}

@media(max-width:767px){
    .section-three-panels .panel-container{flex-direction:column;gap:16px}
    .section-three-panels .panel{width:100%!important}
    .stp-body{height:260px}
}

/* ── 9. Question of the Day ────────────────────────────────── */
.panel_question{margin-top:10px}
.panel-header{background:#ddd;padding:10px 25px}
.panel-header h2{font-size:18px;font-weight:500}
.panel-body{padding:12px 25px}
.panel-body ul{padding:0}
.panel-body ul li{list-style:none;font-size:17px}
a.show_answer{background:#13c3e5;color:#fff;padding:8px 20px;font-weight:500;border-radius:5px;display:inline-block}

/* ── 10. Collapse / Today's Word-Topic-Celebrated ──────────── */
.collse_body{display:none;background:#f8f7fc;padding-top:15px}
button.coll_btn,button#collapse_title{width:100%;padding:12px 0;font-weight:600;background:#0ab1ef;color:#fff;margin-top:8px;border:none;cursor:pointer}
button#collapse_title span{float:right;margin-right:15px}

/* ── 11. Service Boxes (Articles by Categories) ────────────── */
.service-box{margin-bottom:20px;position:relative;border-radius:4px;overflow:hidden;min-height:225px}
.service-box:last-child{margin-bottom:0}
.service-box .overlay{position:absolute;left:0;right:0;top:100%;height:100%;background-color:rgba(0,0,0,.8);text-align:center;transition:all linear .2s}
.service-box:hover .overlay{top:0}
.service-box .overlay--content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;padding:0 25px}
.service-box .overlay--content p{margin-bottom:20px;font-size:16px;font-weight:400;line-height:1.6}
.service-box .overlay--content a{display:inline-block;border:1px solid #cfcfcf;background-color:rgba(0,0,0,.5);font-weight:700;font-size:16px;color:#fff;padding:10px 25px 12px;text-transform:uppercase}
.service-box img{position:absolute;right:0;top:0}
.service-box span{position:absolute;left:0;bottom:0;padding:20px 25px;display:block;color:#fff;font-size:26px;line-height:1.3;font-weight:700}
.service-box.bg-red{margin-bottom:20px}

/* ── 12. Courses / Test Series ─────────────────────────────── */
/* ── 13. Test Series Section ───────────────────────────────── */
.ts-section{margin:50px 0 40px;padding:0}

.ts-heading{text-align:center;margin-bottom:36px}
.ts-heading h2{
    font-size:28px;font-weight:700;color:#1e293b;
    display:inline-block;position:relative;padding-bottom:12px;
    font-family:'Noto Sans',system-ui,sans-serif;
}
.ts-heading h2 span{color:#4f46e5}
.ts-heading h2::after{
    content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:60px;height:3px;border-radius:2px;
    background:linear-gradient(90deg,#4f46e5,#818cf8);
}

.ts-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    list-style:none;padding:0;margin:0;
}

.ts-card{
    display:flex;flex-direction:column;
    border-radius:16px;overflow:hidden;
    background:#fff;
    border:1px solid #f0f0f0;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
    text-decoration:none;color:inherit;
    transition:box-shadow .2s,transform .2s;
}
.ts-card:hover{
    box-shadow:0 8px 28px rgba(0,0,0,.12);
    transform:translateY(-4px);color:inherit;
}

.ts-card__img{overflow:hidden;line-height:0}
.ts-card__img img{width:100%;height:auto;display:block;margin:0;transition:transform .4s}
.ts-card:hover .ts-card__img img{transform:scale(1.04)}

.ts-card__body{
    padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;
}
.ts-card__tag{
    display:inline-block;padding:3px 12px;border-radius:20px;
    font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    background:#eef2ff;color:#4f46e5;align-self:flex-start;
}
.ts-card__title{
    font-size:16px;font-weight:700;color:#1e293b;
    line-height:1.5;margin:0;
    transition:color .2s;
}
.ts-card:hover .ts-card__title{color:#4f46e5}

.ts-card__meta{
    list-style:none;padding:0;margin:0;
    display:flex;flex-wrap:wrap;gap:6px;
}
.ts-card__meta li{
    display:inline-flex;align-items:center;gap:5px;
    padding:3px 10px;border-radius:20px;
    font-size:11px;font-weight:500;color:#6b7280;
    background:#f3f4f6;
}
.ts-card__meta li i{color:#4f46e5;font-size:10px}

.ts-card__cta{
    font-size:13px;font-weight:600;color:#94a3b8;
    margin-top:auto;transition:color .2s;
}
.ts-card:hover .ts-card__cta{color:#4f46e5}

/* "Read More / View all" below cards */
.ts-section .read-mob{margin:28px auto 0;text-align:center}
.ts-section .read_more a{
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 34px;border-radius:50px;
    border:2px solid #4f46e5;
    color:#4f46e5;font-size:14px;font-weight:600;
    text-decoration:none;
    transition:background .2s,color .2s,border-color .2s,transform .15s;
}
.ts-section .read_more a:hover{
    background:linear-gradient(135deg,#4f46e5,#818cf8);
    border-color:transparent;color:#fff;
    transform:translateY(-2px);
}

/* keep old course classes for other usages */
.course{text-align:center;border-radius:5px;transition:box-shadow .3s;margin-bottom:25px;border:1px solid #000;box-shadow:5px 5px 10px 5px rgba(0,0,0,.25)}
.course:hover{box-shadow:0 15px 30px rgba(0,0,0,.2),0 10px 10px rgba(0,0,0,.1);transform:scale(1.02)}
.course img{border-radius:5px 5px 0 0}
.course_body{border-bottom:1px solid #ddd;padding:25px 25px 0;text-align:left}
.course_body h5{font-weight:800;border-bottom:1px solid #ddd;padding-bottom:11px}
.course_body ul{padding:0}
.course_body ul li{list-style:none}
.course_body ul li a{color:#565656}
.course:hover>.course_body h5{color:#0ab1ef}
.course-two{padding:20px;text-align:center;border-radius:5px;transition:box-shadow .3s;margin-bottom:25px;box-shadow:5px 5px 10px 5px rgba(0,0,0,.25)}
.course-three{max-width:100%;text-align:center;border-radius:5px;margin-bottom:25px;border:1px solid #000;margin-right:5px;margin-left:5px}
.my_wclass .color_class{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px;padding:15px;margin-bottom:15px}

@media(max-width:900px){.ts-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:540px){.ts-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .ts-card__body{padding:12px;gap:6px}
  .ts-card__tag{font-size:10px;padding:2px 8px}
  .ts-card__title{font-size:13px}
  .ts-card__meta{display:none}
  .ts-card__cta{font-size:12px}
  .ts-card__img img{height:90px;object-fit:cover}
}

/* ── 13. Article Cards (Latest Articles) ───────────────────── */
.articles-section{padding:0}
/* ── Latest Articles (Civil Services) ─────────────────────── */
.la-section{margin:60px 0 50px}

.la-heading{text-align:center;margin-bottom:36px}
.la-heading h2{
    font-size:28px;font-weight:700;color:#1e293b;
    display:inline-block;position:relative;padding-bottom:12px;
    font-family:'Noto Sans',system-ui,sans-serif;
}
.la-heading h2 span{color:#ef4444}
.la-heading h2::after{
    content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:60px;height:3px;border-radius:2px;
    background:linear-gradient(90deg,#ef4444,#f97316);
}

.la-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.la-card{
    display:flex;flex-direction:column;
    border-radius:16px;overflow:hidden;
    background:#fff;
    border:1px solid #f0f0f0;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
    text-decoration:none;color:inherit;
    transition:box-shadow .2s,transform .2s;
}
.la-card:hover{
    box-shadow:0 8px 28px rgba(0,0,0,.12);
    transform:translateY(-4px);color:inherit;
}

.la-card__img{overflow:hidden;line-height:0}
.la-card__img img{width:100%;height:auto;display:block;margin:0;transition:transform .4s}
.la-card:hover .la-card__img img{transform:scale(1.04)}

.la-card__body{
    padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;
}
.la-card__tag{
    display:inline-block;padding:3px 12px;border-radius:20px;
    font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    background:#fef2f2;color:#ef4444;align-self:flex-start;
}
.la-card__title{
    font-size:16px;font-weight:700;color:#1e293b;
    line-height:1.5;margin:0;
    transition:color .2s;
}
.la-card:hover .la-card__title{color:#ef4444}
.la-card__read{
    font-size:13px;font-weight:600;color:#94a3b8;
    margin-top:auto;transition:color .2s;
}
.la-card:hover .la-card__read{color:#ef4444}

/* ── States Wise Study ─────────────────────────────────────── */
/* ── States Wise Study ─────────────────────────────────────── */
.sw-section {
    margin: 0 0 56px;
    padding: 0 0 8px;
}

.sw-heading {
    text-align: center;
    margin-bottom: 36px;
}
.sw-heading h2 {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    display: inline-block;
    position: relative;
    padding-bottom: 14px;
    font-family: 'Noto Sans', system-ui, sans-serif;
    letter-spacing: -.3px;
}
.sw-heading h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 52px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, #6366f1, #a855f7);
}

.sw-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.sw-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 16px 14px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #ede9fe;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 1px 4px rgba(0,0,0,.05);
    transition: box-shadow .2s ease, border-color .2s ease;
    position: relative;
    overflow: hidden;
}
.sw-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #a855f7);
    border-radius: 14px 14px 0 0;
}
.sw-card:hover {
    box-shadow: 0 4px 18px rgba(99,102,241,.18);
    border-color: #c4b5fd;
    text-decoration: none;
    color: inherit;
}

.sw-card__top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sw-card__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c3aed;
}
.sw-card__name {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}
.sw-card__arrow {
    color: #94a3b8;
    flex-shrink: 0;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .18s ease, transform .18s ease;
}
.sw-card:hover .sw-card__arrow {
    opacity: 1;
    transform: translateX(0);
}
.sw-card:hover .sw-card__name { color: #6366f1; }

.sw-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}
.sw-card__chips span {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    color: #6d28d9;
    background: #f5f3ff;
    border: 1px solid #ddd6fe;
    padding: 2px 8px;
    border-radius: 99px;
    white-space: nowrap;
    letter-spacing: .02em;
    line-height: 1.5;
}

/* keep old article-card classes working */
.article-card{border:1px solid #dee2e6;border-radius:10px;overflow:hidden;transition:transform .3s;height:100%;box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}
.article-card:hover{transform:translateY(-5px)}
.article-image img{width:100%;height:auto;border-bottom:1px solid #dee2e6}
.article-details{padding:20px}
.article-title{font-size:1.5rem;margin-bottom:10px;color:#343a40}

@media(max-width:900px){
    .la-grid{grid-template-columns:repeat(2,1fr)}
    .sw-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
    .la-grid{grid-template-columns:1fr}
    .sw-grid{grid-template-columns:repeat(2,1fr)}
}
.article-excerpt{color:#6c757d;font-size:1rem;margin-bottom:20px}
.article-meta{display:flex;justify-content:space-between;color:#6c757d;font-size:1rem}
.category-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;padding:20px}
.section-title{font-size:1.5rem;margin-bottom:20px;color:#343a40}
.category-list{list-style:none;padding:0;margin:0}
.category-item{margin-bottom:10px}
.category-item a{text-decoration:none;color:#6c757d;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;transition:color .3s}
.category-item a:hover{color:#343a40}
.category-count{color:#fff;padding:5px 10px;border-radius:5px}
.category-link-gap{margin-right:10px}

/* ── 14. Topics of the Day ─────────────────────────────────── */
.topics-section{margin:50px 0 40px}

.topics-heading{text-align:center;margin-bottom:32px;position:relative}
.topics-heading h2{
    font-size:28px;font-weight:700;color:#1e293b;
    display:inline-block;position:relative;padding-bottom:12px;
    font-family:'Noto Sans',system-ui,sans-serif;
}
.topics-heading h2::after{
    content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:60px;height:3px;border-radius:2px;
    background:linear-gradient(90deg,#0393d5,#38bdf8);
}

.topics-grid{display:flex;flex-direction:column;gap:12px}

.topic-card{
    display:flex;align-items:center;gap:16px;
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:14px;
    padding:14px 18px;
    text-decoration:none;color:inherit;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    transition:box-shadow .2s,transform .18s,border-color .2s;
}
.topic-card:hover{
    box-shadow:0 8px 28px rgba(3,147,213,.15);
    transform:translateY(-2px);
    border-color:#7dd3fc;
    color:inherit;
}

.topic-card__img{
    flex-shrink:0;
    width:80px;height:70px;
    border-radius:10px;overflow:hidden;
    background:#f1f5f9;
}
.topic-card__img img{
    width:100%;height:100%;object-fit:cover;display:block;margin:0;
}

.topic-card__body{flex:1;min-width:0}
.topic-card__title{
    font-size:15px;font-weight:600;color:#1e293b;
    line-height:1.45;margin:0 0 4px;
    transition:color .2s;
}
.topic-card:hover .topic-card__title{color:#0393d5}
.topic-card__excerpt{
    font-size:13px;color:#64748b;line-height:1.5;margin:0;
    display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}

.topic-card__arrow{
    flex-shrink:0;font-size:22px;color:#7dd3fc;
    transition:transform .2s,color .2s;line-height:1;
}
.topic-card:hover .topic-card__arrow{transform:translateX(4px);color:#0393d5}

.topics-footer{text-align:center;margin-top:24px}
.topics-more-btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:10px 28px;border-radius:50px;
    background:linear-gradient(135deg,#0393d5 0%,#38bdf8 100%);
    color:#fff;font-size:14px;font-weight:600;
    text-decoration:none;
    box-shadow:0 4px 14px rgba(3,147,213,.3);
    transition:box-shadow .2s,transform .18s;
}
.topics-more-btn:hover{
    color:#fff;
    box-shadow:0 6px 20px rgba(3,147,213,.45);
    transform:translateY(-2px);
}

/* keep old classes working for any other usage */
.article-card-two{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;background:#fff;margin-bottom:20px;display:flex;align-items:center;padding:10px;transition:transform .2s}
.article-image-two{max-width:200px;overflow:hidden}
.article-image-two img{width:200px;height:auto}
.article-details-two{padding-left:20px;flex:2}
.article-title-two{font-family:sans-serif;color:#2618bb;font-size:22px;font-weight:bold;margin-bottom:10px}
.article-title-two a{color:#2618bb;text-decoration:none}
.article-title-two a:hover{color:#000;text-decoration:none}
.article-excerpt-two{font-size:1.1rem;line-height:1.6;color:#333}

@media(max-width:767px){
    .topics-section{margin:30px 0 24px}
    .topic-card{padding:12px 14px;gap:12px}
    .topic-card__img{width:64px;height:58px}
    .topic-card__title{font-size:14px}
}

/* ── 15. Stats Block ───────────────────────────────────────── */
.paner{margin-top:40px;display:flex;gap:20px;justify-content:center;align-items:center;text-align:center}
.data-item{font-size:24px;font-weight:bold;padding:20px;border-radius:10px;color:#fff;background:#00cec9;transition:background .3s,transform .3s}
.data-item:nth-child(2){background:#b2bec3}
.data-item:nth-child(3){background:#d63031}

/* ── 16. Ask Container ─────────────────────────────────────── */
.ask-container{text-align:center;font-size:28px;font-family:sans-serif;width:30%;font-weight:700;color:#B17457;background:yellow;padding:10px 20px}

/* ── 17. State List ────────────────────────────────────────── */
.state-list{list-style:none;padding:0}
.state-list li{margin:10px 0;font-weight:600}
.state-list a{text-decoration:none;color:#007BFF;font-size:18px}
.state-list a:hover{color:#333;font-weight:600;transition:1s ease}

/* ── 18. Animations / Badges ───────────────────────────────── */
.new-badge,.blink{animation:blink .5s steps(3,end) infinite}
@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.span_s_num{color:grey}

/* ── 19. Floating Quiz Button ──────────────────────────────── */
.floting_button{position:fixed;right:-97px;top:50%;z-index:99999;transition:.5s}
.floting_button:hover{right:0}
.floting_button button{background:#0ab1ef;color:#fff;padding:5px;font-weight:600;border:none;cursor:pointer}
.floting_button span img{width:30%}
span.quiz_text{position:relative;top:5px}

/* ── 20. Quiz Modal ────────────────────────────────────────── */
.modal{z-index:99999!important}
.modal-content{background-color:transparent;border:none}
.modal-dialog{max-width:700px}
.modal-content .panel--body.editorial-scroll.custom_height.mobile_view{height:auto!important}
.custom-modal-content{border:none}
.custom-panel-container{border:1px solid #ccc;border-radius:8px;padding:10px;max-height:50vh;overflow-y:auto}
.custom-panel{margin-bottom:0}

/* ── 21. AdBlock Modal ─────────────────────────────────────── */
#adblock-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center}
#adblock-popup{background:#fff;padding:30px;border-radius:12px;max-width:90%;text-align:center;font-family:sans-serif;box-shadow:0 0 10px #000}
#adblock-backdrop{position:absolute;top:0;left:0;width:100%;height:100%}

/* ── 22. Footer ────────────────────────────────────────────── */
.footer{background-color:#dcdcdc;padding-top:35px;color:rgba(0,0,0,.8);font-size:14px;box-shadow:0 -5px 15px rgba(0,0,0,.1)}
.footer h4{font-weight:700;font-size:18px;line-height:1;text-transform:uppercase;margin-bottom:15px;font-family:'Roboto',sans-serif}
.footer ul{margin:0;padding:0;list-style:none}
.footer a{color:inherit}
.footer-container{margin-left:-15px;margin-right:-15px}
.footer-container [class*="col-"]{float:left;padding-left:15px;padding-right:15px;min-height:1px}
.footer-container .col-about-us{width:25%}
.footer-container .col-connect{width:25%}
.footer-container .col-reach-us{width:25%}
.footer-container .col-social{width:100%}
.col-about-us ul li{width:100%;margin-bottom:7px}
.col-about-us ul li a{line-height:1.2;padding-right:15px}
.col-connect ul li{margin-bottom:5px}
.col-connect ul li a{line-height:1.2}
.col-reach-us h4{margin-bottom:10px}
.col-reach-us p{line-height:2}
.col-social{text-align:left;padding-top:25px}
ul.follow_us{font-size:0;margin-bottom:5px;margin-left:-20px}
ul.follow_us li{display:inline-block;vertical-align:top;margin-right:5px;padding:0 10px;margin-bottom:10px}
ul.follow_us li a i{color:#13c3e5;border:1px solid #13c3e5;width:35px;height:35px;text-align:center;padding:7px 0;display:inline-block}
.footer .copyright{border-top:1px solid #c4c4c4;line-height:1;font-weight:500;padding:20px 0;margin-top:15px;background:#05aeef;color:#fff}
.footer .copyright a:hover{text-decoration:underline}

/* back-to-top */
.back-to-top{position:fixed;bottom:30px;right:30px;background:#0ab1ef;color:#fff;width:44px;height:44px;border-radius:50%;text-align:center;line-height:44px;z-index:9998;display:none}
.back-to-top:hover{background:#08a0d8;color:#fff}

/* ── 23. Ripple ────────────────────────────────────────────── */
.ripple{overflow:hidden;position:relative}
.ripple-effect{position:absolute;border-radius:50%;width:50px;height:50px;background:#fff;animation:ripple-animation 2s}
@keyframes ripple-animation{from{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}

/* ── 24. Misc / Page utilities ─────────────────────────────── */
.banner_table_content{background:url(../img/banner.jpg);width:100%;padding:7% 0;background-size:cover;background-position:0 50%}
.banner_text h1{color:#fff;text-align:center;font-size:3rem;margin-bottom:30px}
.breadcrumb{background:#f8f9fa;padding:20px 0}
.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.breadcrumb-list li{display:inline;margin:0 10px;font-size:1rem;color:#6c757d}

/* ── 25. Responsive ────────────────────────────────────────── */
@media (min-width:768px){
    #rowmobile_slideshow{display:none}
    #rowdesktop_slideshow{display:block}
    .panel-container .panel-current-affairs{width:50%}
    .panel-container .panel-whats-new{width:50%}
    .panel-container .panel-test{width:450px}
    .footer-container .col-about-us{width:25%}
    .footer-container .col-connect{width:25%}
    .footer-container .col-reach-us{width:25%}
}

@media (max-width:767px){
    .section-news-mobile{display:block;padding:0}
    .section-news{display:block;margin-bottom:10px}
    .section-news .panel-container{flex-direction:column;gap:16px}
    .section-news .panel.front-current{width:100%!important}
    .panel--body.front-scroll{height:280px}
    aside.panel.panel-current-affairs{width:100%!important;margin-bottom:0}
    .front-currents{height:100%!important;margin-bottom:0!important}
    .panel-container .panel-current-affairs,
    .panel-container .panel-whats-new,
    .panel-container .panel-test{width:100%!important;float:none}
    .footer-container .col-about-us,
    .footer-container .col-connect,
    .footer-container .col-reach-us{width:100%}
    .panel--body.editorial-scroll.custom_height{height:auto!important}
    .panel-current-affairs .panel--body.editorial-scroll{height:auto}
    aside.panel.panel-test{width:100%!important}
    .article-card-two{flex-direction:column}
    .article-image-two img{width:100%}
    .article-details-two{padding-left:0;padding-top:12px}
    .ask-container{min-width:90%;border-radius:15px}
    .data-item{font-size:20px;padding:15px;min-width:100px}
    .jobs-slider-track .job-card-sliding{flex:0 0 280px}
}

@media (max-width:480px){
    .data-item{font-size:16px;padding:10px;min-width:80px}
    .ask-container{min-width:95%}
}

@media (prefers-color-scheme:dark){
    .indiags-news-btn{--btn-bg-hover:#256ed0}
}