/* ===== 36Knockout News 2026 ===== */

:root{
--primary:#d60000;
--text:#222;
--meta:#777;
--border:#e8e8e8;
--bg:#ffffff;
--soft:#f8f8f8;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Noto Sans Devanagari',sans-serif;
background:#fff;
color:var(--text);
line-height:1.9;
overflow-x:hidden;
}

/* HEADER */

.site-header{
background:#fff;
padding:12px;
text-align:center;
border-bottom:1px solid var(--border);
position:sticky;
top:0;
z-index:999;
}

.site-header img{
height:48px;
max-width:100%;
}

/* REMOVE OLD SLOGAN */

.slogan{
display:none;
}

/* MAIN CONTAINER */

.container{
max-width:850px;
margin:auto;
display:block;
}

/* ARTICLE */

.news-article{
padding:16px;
}

.news-article h1{
font-size:2rem;
line-height:1.3;
font-weight:800;
margin-bottom:15px;
color:#111;
}

.meta{
font-size:14px;
color:var(--meta);
margin-bottom:18px;
}

.heading-image{
margin-bottom:20px;
}

.heading-image img{
width:100%;
display:block;
border-radius:14px;
}

/* DESCRIPTION BOX */

.description{
background:#fafafa;
padding:15px;
border-left:4px solid var(--primary);
border-radius:10px;
font-size:17px;
line-height:1.7;
margin-bottom:25px;
color:#444;
}

/* ARTICLE TEXT */

.news-article p{
font-size:1.3rem;
line-height:2;
margin-bottom:24px;
}

.news-article strong{
font-weight:700;
color:#000;
}

/* FAQ */

.faq-section{
margin-top:30px;
}

.faq-item{
background:#fafafa;
border:1px solid #eee;
padding:16px;
border-radius:12px;
margin-bottom:12px;
}

/* SHARE */

.share{
margin-top:30px;
text-align:center;
padding:20px;
background:#fafafa;
border-radius:12px;
}

.share a{
display:inline-block;
margin:5px;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
font-weight:600;
color:#fff;
}

.share a:first-of-type{
background:#1877f2;
}

.share .wa{
background:#25d366;
}

.share .tw{
background:#000;
}

.share .tg{
background:#229ED9;
}

/* FOOTER */

.site-footer{
background:#111;
color:#fff;
padding:20px;
text-align:center;
margin-top:40px;
}

/* SIDEBAR OFF FOR MOBILE FIRST */

.sidebar{
display:none;
}

/* ADS */

.adsbygoogle{
margin:25px 0;
}

/* MOBILE */

@media(max-width:768px){

.news-article h1{
font-size:1.8rem;
}

.news-article p{
font-size:1.15rem;
line-height:1.95;
}

.description{
font-size:16px;
}

}

    .highlights{
background:#f8f8f8;
border-left:5px solid #d60000;
padding:18px;
margin:25px 0;
border-radius:12px;
}

.highlights h3{
margin-bottom:12px;
font-size:18px;
font-weight:700;
}

.highlights ul{
padding-left:20px;
}

.highlights li{
margin-bottom:10px;
font-size:16px;
line-height:1.7;
}

.related-news{
margin-top:35px;
}

.related-news h2{
font-size:22px;
margin-bottom:15px;
}

.related-card{
display:flex;
gap:12px;
padding:12px 0;
border-bottom:1px solid #eee;
text-decoration:none;
color:#222;
}

.related-card img{
width:120px;
height:80px;
object-fit:cover;
border-radius:10px;
flex-shrink:0;
}

.related-card h3{
font-size:16px;
line-height:1.5;
margin-bottom:5px;
}

.related-card p{
font-size:13px;
color:#777;
margin:0;
line-height:1.5;
}

.category-badge{
display:inline-block;
background:#d60000;
color:#fff;
padding:6px 14px;
border-radius:20px;
font-size:13px;
font-weight:700;
margin-bottom:12px;
}

.meta-bar{
margin:18px 0 22px;
padding-bottom:15px;
border-bottom:1px solid #eee;
}

.author-block{
display:flex;
align-items:center;
gap:12px;
}

.author-block img{
width:42px;
height:42px;
border-radius:50%;
object-fit:cover;
}

.author-name{
font-size:15px;
font-weight:700;
}

.author-meta{
font-size:13px;
color:#777;
}

.heading-image{
margin:20px 0;
}

.heading-image img{
width:100%;
border-radius:14px;
display:block;
}

.heading-image figcaption{
font-size:13px;
color:#777;
padding-top:8px;
text-align:center;
}

.summary-box{
background:#fff4e5;
border-left:5px solid #ff9800;
padding:18px;
margin:30px 0;
border-radius:12px;
}

.summary-box h3{
margin-bottom:10px;
font-size:18px;
}

.summary-box p{
font-size:16px !important;
line-height:1.8;
margin:0 !important;
}

.wa-float{
position:fixed;
right:18px;
bottom:90px;
width:58px;
height:58px;
border-radius:50%;
background:#25d366;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 20px rgba(0,0,0,.2);
z-index:9999;
animation:waPulse 2s infinite;
}

@keyframes waPulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.08);
}

100%{
transform:scale(1);
}

}

.breaking-strip{
background:#111;
color:#fff;
display:flex;
align-items:center;
padding:8px 0;
font-size:13px;
}

.breaking-strip span{
background:#d60000;
padding:8px 12px;
font-weight:700;
margin-right:10px;
}

.news-article h1{
font-size:2.3rem;
line-height:1.25;
font-weight:800;
letter-spacing:-0.5px;
color:#111;
margin:10px 0 15px;
}

@media(max-width:768px){

.news-article h1{
font-size:1.95rem;
}

}

    .story-divider{
width:70px;
height:4px;
background:#d60000;
border-radius:20px;
margin:35px auto;
}

    .newsletter-box{
background:#f7f7f7;
padding:25px;
border-radius:16px;
text-align:center;
margin:40px 0;
}

.newsletter-box h3{
margin-bottom:10px;
}

.newsletter-box a{
display:inline-block;
background:#25d366;
color:#fff;
padding:12px 25px;
border-radius:10px;
text-decoration:none;
font-weight:700;
margin-top:10px;
}

#reading-progress{
position:fixed;
top:0;
left:0;
width:0%;
height:4px;
background:#d60000;
z-index:99999;
transition:width .1s linear;
}

.author-card{
display:flex;
gap:15px;
padding:20px;
background:#fafafa;
border-radius:14px;
margin:35px 0;
align-items:center;
}

.author-card img{
width:70px;
height:70px;
border-radius:50%;
object-fit:cover;
}

.author-card h3{
margin-bottom:6px;
}

.mobile-share{

position:fixed;

bottom:0;

left:0;

width:100%;

background:#fff;

display:flex;

justify-content:space-evenly;

padding:10px 0;

box-shadow:0 -2px 12px rgba(0,0,0,.12);

z-index:9999;

}

.mobile-share a{

font-size:24px;

text-decoration:none;

}

.heading-image img{
cursor:zoom-in;
}
.read-more-cta{
text-align:center;
padding:25px;
background:#fff4e5;
border-radius:14px;
margin:40px 0;
}

.read-more-cta{
text-align:center;
padding:25px;
background:#fff4e5;
border-radius:14px;
margin:40px 0;
}

.news-article p{

font-size:22px;

line-height:2.05;

letter-spacing:.1px;

color:#222;

}
@media(max-width:768px){

.news-article p{

font-size:20px;

line-height:1.95;

}

}

    .category-badge{

display:inline-flex;

align-items:center;

gap:6px;

background:linear-gradient(
135deg,
#d60000,
#ff3b30
);

color:#fff;

padding:8px 16px;

border-radius:50px;

font-size:13px;

font-weight:700;

box-shadow:0 4px 12px rgba(214,0,0,.25);

}

    /* ==========================================================
   36KNOCKOUT SMART PROFESSIONAL NETWORK
   Premium Floating Smart Box
========================================================== */

.smart-box{

    position:fixed;

    right:20px;
    bottom:20px;

    width:360px;
    max-width:calc(100% - 30px);

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
        0 12px 30px rgba(0,0,0,.18),
        0 3px 8px rgba(0,0,0,.10);

    border:1px solid #e8e8e8;

    z-index:999999;

    display:none;

    animation:smartPopup .45s ease;

    font-family:'Segoe UI',Tahoma,Arial,sans-serif;

}

/* ========================================= */

@keyframes smartPopup{

    from{

        opacity:0;
        transform:translateY(50px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

/* ========================================= */

.smart-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:12px 15px;

    background:linear-gradient(135deg,#0F4C81,#00A8E8);

}

/* ========================================= */

.smart-badge{

    color:#fff;

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

}

/* ========================================= */

.smart-close{

    width:28px;
    height:28px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    font-size:18px;

    color:#ffffff;

    transition:.25s;

}

.smart-close:hover{

    background:rgba(255,255,255,.20);

}

/* ========================================= */

.smart-icon{

    font-size:56px;

    text-align:center;

    margin-top:20px;

    line-height:1;

}

/* ========================================= */

.smart-title{

    margin-top:10px;

    text-align:center;

    font-size:22px;

    font-weight:700;

    color:#222;

    padding:0 18px;

}

/* ========================================= */

.smart-desc{

    margin-top:10px;

    text-align:center;

    font-size:14px;

    color:#666;

    line-height:22px;

    padding:0 20px;

}

/* ========================================= */

.smart-stars{

    margin-top:16px;

    text-align:center;

    font-size:18px;

    letter-spacing:2px;

    color:#FFC107;

}

/* ========================================= */

.smart-actions{

    display:flex;

    gap:10px;

    padding:18px;

}

/* ========================================= */

.smart-btn{

    flex:1;

    text-align:center;

    text-decoration:none;

    background:#1565C0;

    color:#fff;

    padding:11px 10px;

    border-radius:8px;

    font-size:14px;

    font-weight:700;

    transition:.30s;

}

.smart-btn:hover{

    background:#0D47A1;

    transform:translateY(-2px);

}

/* ========================================= */

.smart-register{

    flex:1;

    text-align:center;

    text-decoration:none;

    background:#16A34A;

    color:#fff;

    padding:11px 10px;

    border-radius:8px;

    font-size:14px;

    font-weight:700;

    transition:.30s;

}

.smart-register:hover{

    background:#15803D;

    transform:translateY(-2px);

}

/* ========================================= */

.smart-footer{

    background:#F8F9FA;

    border-top:1px solid #ECECEC;

    padding:12px;

    text-align:center;

    color:#666;

    font-size:12px;

    line-height:20px;

}

/* ========================================= */

.smart-footer strong{

    color:#1565C0;

}

/* ========================================= */
/* MOBILE */
/* ========================================= */

@media(max-width:768px){

.smart-box{

    left:12px;
    right:12px;

    bottom:12px;

    width:auto;

    max-width:none;

    border-radius:16px;

}

.smart-title{

    font-size:20px;

}

.smart-desc{

    font-size:13px;

    line-height:20px;

}

.smart-actions{

    flex-direction:column;

}

.smart-btn,
.smart-register{

    width:100%;

}

}

/* ========================================= */
/* SMALL MOBILE */
/* ========================================= */

@media(max-width:420px){

.smart-icon{

    font-size:48px;

}

.smart-title{

    font-size:18px;

}

.smart-desc{

    font-size:12px;

}

.smart-btn,
.smart-register{

    font-size:13px;

    padding:10px;

}

}
/* FOOTER */

.smart-footer{
    margin-top:8px;
    font-size:11px;
    color:#9ca3af;
    text-align:center;
    cursor:pointer;
}
.smart-box{

backdrop-filter:blur(10px);

}

/* ===========================
36KNOCKOUT MEDICAL DIRECTORY
=========================== */

.sticky-medical{

display:flex;
align-items:center;
gap:12px;

margin:25px 0;

padding:14px 16px;

background:linear-gradient(
135deg,
#ffffff,
#f7fbff
);

border:1px solid #d9ecff;

border-left:5px solid #0ea5e9;

border-radius:16px;

box-shadow:
0 8px 25px rgba(14,165,233,.08);

transition:.3s ease;

}

.sticky-medical:hover{

transform:translateY(-2px);

box-shadow:
0 12px 30px rgba(14,165,233,.15);

}

.medical-icon{

width:50px;
height:50px;

flex-shrink:0;

display:flex;
align-items:center;
justify-content:center;

font-size:26px;

background:#e0f2fe;

border-radius:50%;

}

.medical-content{

flex:1;

}

.medical-content strong{

display:block;

font-size:15px;

font-weight:800;

color:#0f172a;

margin-bottom:4px;

}

.medical-content span{

display:block;

font-size:13px;

color:#64748b;

line-height:1.5;

}

.sticky-medical a{

text-decoration:none;

background:linear-gradient(
135deg,
#0ea5e9,
#0284c7
);

color:#fff;

padding:10px 18px;

border-radius:12px;

font-size:13px;

font-weight:700;

white-space:nowrap;

transition:.3s ease;

}

.sticky-medical a:hover{

transform:scale(1.05);

}

/* MOBILE */

@media(max-width:768px){

.sticky-medical{

flex-direction:column;

text-align:center;

padding:18px;

}

.medical-content{

margin-bottom:8px;

}

.sticky-medical a{

width:100%;

}

}

    .related-card{
display:flex;
gap:12px;
padding:14px 0;
border-bottom:1px solid #eee;
text-decoration:none;
color:#222;
transition:.25s ease;
}

.related-card:hover{
transform:translateX(3px);
}

.related-card img{
width:120px;
height:80px;
object-fit:cover;
border-radius:10px;
flex-shrink:0;
}

.related-card h3{
font-size:15px;
line-height:1.45;
margin:0 0 5px;
font-weight:700;
}

.related-card p{
font-size:12px;
color:#777;
margin:0;
}

@media(max-width:768px){

.related-card img{
width:105px;
height:72px;
}

.related-card h3{
font-size:14px;
}

}

/* smart box new css */

.smart-icon{
    font-size:42px;
    text-align:center;
    margin-top:12px;
}

.smart-title{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-top:8px;
}

.smart-desc{
    font-size:14px;
    color:#666;
    text-align:center;
    padding:10px;
}

.smart-btn{
    display:inline-block;
    background:#1565c0;
    color:#fff;
    padding:10px 18px;
    border-radius:5px;
    text-decoration:none;
}

.smart-wa{
    display:inline-block;
    background:#25D366;
    color:#fff;
    padding:10px 18px;
    border-radius:5px;
    text-decoration:none;
}

.smart-register{
    display:inline-block;
    background:#28a745;
    color:#fff;
    padding:10px 16px;
    border-radius:5px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.smart-register:hover{
    background:#1f8c39;
}

/* social media connect box */
.connect-box{
    max-width:700px;
    margin:30px auto;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
    transition:.3s;
}

.connect-box:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.connect-header{
    background:linear-gradient(135deg,#0d47a1,#1565c0,#1976d2);
    color:#fff;
    padding:20px;
    text-align:center;
}

.connect-header h3{
    margin:0;
    font-size:26px;
    font-weight:700;
}

.connect-header p{
    margin:8px 0 0;
    font-size:15px;
    opacity:.9;
}

.connect-body{
    padding:22px;
}

.connect-body a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-decoration:none;
    color:#fff;
    margin-bottom:14px;
    padding:16px 18px;
    border-radius:12px;
    font-size:17px;
    font-weight:600;
    transition:.25s;
}

.connect-body a:hover{
    transform:translateX(5px);
    filter:brightness(1.05);
}

.connect-body a span:last-child{
    font-size:22px;
}

/* Brand Colors */
.facebook-btn{
    background:#1877F2;
}

.x-btn{
    background:#000;
}

.youtube-btn{
    background:#FF0000;
}

.whatsapp-btn{
    background:#25D366;
}

.connect-footer{
    text-align:center;
    padding:16px;
    background:#f8fafc;
    border-top:1px solid #eee;
    color:#555;
    font-size:14px;
    font-weight:500;
}
/* java script whatsapp text*/
.wa-title{
    font-size:24px;
    font-weight:700;
    text-align:center;
    background:linear-gradient(90deg,#25D366,#128C7E);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
/*company box */
.company-box{
    margin:30px 0;
    padding:22px;
    background:linear-gradient(135deg,#ffffff,#f8f9fc);
    border:1px solid #d9e3f0;
    border-left:5px solid #0b5ed7;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    text-align:center;
}

.company-box h3{
    margin:0 0 10px;
    font-size:24px;
    color:#0b5ed7;
}

.company-box p{
    margin:8px 0;
    font-size:16px;
    color:#444;
    line-height:1.7;
}

.company-box strong{
    color:#222;
}

/*artile wrapper*/
.article-wrapper{
    max-height:500px;      /* visible height */
    overflow-y:auto;
    position:relative;
    transition:max-height .5s ease;
    scroll-behavior:smooth;
}

/* Expanded */
.article-wrapper.expanded{
    max-height:none;
    overflow:visible;
}

.read-more-box{
    text-align:center;
    margin:20px 0;
}

#readMoreBtn{
    background:#0d6efd;
    color:#fff;
    border:none;
    padding:12px 28px;
    border-radius:30px;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
}

#readMoreBtn:hover{
    background:#084298;
}
/* ===========================
   36Knockout Morning Hero
=========================== */

.morning-hero{
    background:linear-gradient(135deg,#0b2c6f,#1547b8,#1f7ae0);
    color:#fff;
    border-radius:20px;
    padding:50px 20px;
    position:relative;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.25);

    /* Center everything */
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.morning-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 15% 20%,rgba(255,255,255,.12),transparent 30%),
        radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 35%);
    z-index:1;
}

.hero-overlay{
    position:relative;
    z-index:2;
    width:100%;
    max-width:900px;
    margin:0 auto;
}

.hero-tag{
    display:inline-block;
    background:#FFD700;
    color:#222;
    padding:8px 18px;
    border-radius:30px;
    font-weight:700;
    margin-bottom:18px;
}

.hero-overlay h1{
    margin:0 0 12px;
    font-size:42px;
    font-weight:800;
}

.hero-overlay h2{
    margin:0 0 18px;
    font-size:22px;
    font-weight:500;
}

.hero-overlay p{
    margin:0;
    font-size:18px;
    line-height:1.7;
}








@media (max-width:768px){

    .morning-hero{
        min-height:240px;
        padding:30px 18px;
        border-radius:14px;
    }

    .morning-hero h1{
        font-size:30px;
        line-height:1.2;
        margin-bottom:8px;
    }

    .morning-hero h2{
        font-size:19px;
        line-height:1.4;
        margin-bottom:10px;
    }

    .morning-hero p{
        font-size:15px;
        line-height:1.6;
        margin:0;
    }

    .hero-tag{
        display:inline-block;
        font-size:12px;
        padding:7px 18px;
        margin-bottom:15px;
        border-radius:30px;
    }

}

    /*FOOTER AND SHARE BUTTON OF DAILY PAGE*/
    .daily-share{
    background:#f8f9fa;
    border-radius:15px;
    padding:25px;
    text-align:center;
    margin:40px 0 20px;
    border:1px solid #ddd;
}

.daily-share h3{
    margin-bottom:10px;
}

.daily-share p{
    color:#666;
    margin-bottom:20px;
}

.share-buttons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
}

.share-buttons a{
    text-decoration:none;
    color:#fff;
    padding:12px 22px;
    border-radius:30px;
    font-weight:600;
    transition:.3s;
}

.fb{background:#1877F2;}
.wa{background:#25D366;}
.li{background:#0A66C2;}
.x{background:#111;}

.share-buttons a:hover{
    transform:translateY(-3px);
    opacity:.9;
}

.daily-footer{
    text-align:center;
    padding:25px 15px;
    border-top:2px solid #ddd;
    color:#666;
    font-size:15px;
    line-height:1.8;
}

.daily-footer strong{
    color:#222;
}


/*morning short news*/
.morning-brief-card{
    background:#fff;
    border-radius:18px;
    padding:25px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border:1px solid #ececec;
}

.brief-item h3{
    margin:0 0 8px;
    font-size:20px;
    color:#1f2937;
}

.brief-item p{
    margin:0;
    color:#555;
    line-height:1.7;
    font-size:16px;
}

.morning-brief-card hr{
    border:none;
    border-top:1px dashed #d9d9d9;
    margin:22px 0;
}