:root{
      --primary:#d71920;
      --dark:#161616;
      --muted:#6c757d;
      --soft:#f5f5f5;
      --card:#ffffff;
      --line:#e9ecef;
      --accent:#0d6efd;
      --shadow:0 8px 24px rgba(0,0,0,.06);
      --radius:16px;
    }

    *{box-sizing:border-box}
    body{
      font-family:'Hind Siliguri',sans-serif;
      background:#f3f3f3;
      color:#202020;
    }

    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}

    .topbar{
      font-size:.95rem;
      background:#fff;
      border-bottom:1px solid var(--line);
    }
    .topbar .social a{
      width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
      background:var(--soft);transition:.2s;
    }
    .topbar .social a:hover{background:#ffe5e6;color:var(--primary)}

    .site-header{
      background:#fff;
      position:sticky;
      top:0;
      z-index:1030;
      box-shadow:0 2px 14px rgba(0,0,0,.04);
    }

    .brand{
      color:var(--primary);
      font-weight:700;
      font-size:2rem;
      letter-spacing:-.5px;
    }

    .nav-wrap{
      border-top:2px solid var(--primary);
      border-bottom:1px solid var(--line);
      background:#fff;
    }

    .navbar-nav .nav-link{
      color:#222;
      font-weight:600;
      padding:.9rem .95rem;
      position:relative;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.active{color:var(--primary)}
    .navbar-nav .nav-link.active::after,
    .navbar-nav .nav-link:hover::after{
      content:"";
      position:absolute;
      left:.95rem;right:.95rem;bottom:.45rem;
      height:2px;background:var(--primary);
    }

    .ticker{
      background:#fff;
      border-bottom:1px solid var(--line);
      font-size:.95rem;
      overflow:hidden;
    }
    .ticker-label{
      background:var(--primary);
      color:#fff;
      border-radius:50px;
      padding:.25rem .75rem;
      font-weight:700;
    }

    .section-title{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:1rem;
    }
    .section-title h3{
      font-size:1.35rem;
      font-weight:700;
      margin:0;
      position:relative;
      padding-left:14px;
    }
    .section-title h3::before{
      content:"";
      position:absolute;
      left:0;top:50%;transform:translateY(-50%);
      width:5px;height:22px;background:var(--primary);border-radius:4px;
    }
    .section-title a{
      color:var(--primary);
      font-weight:600;
      font-size:.95rem;
    }

    .card-block,
    .sidebar-box,
    .feature-card,
    .category-card,
    .opinion-card,
    .footer-box{
      background:var(--card);
      border:1px solid #ececec;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    .lead-news{
      overflow:hidden;
      height:auto;
      display:block;
    }
    .lead-news .image-wrap{position:relative}
    .lead-news img{height:430px;width:100%;object-fit:cover;display:block}
    .lead-news .overlay{
      position:absolute;inset:0;
      background:linear-gradient(180deg, rgba(0,0,0,.03) 20%, rgba(0,0,0,.7) 100%);
    }
    .lead-news .content{
      position:absolute;left:0;right:0;bottom:0;
      padding:1.25rem;
      color:#fff;
    }
    .lead-news .tag,
    .mini-card .tag,
    .category-card .tag{
      display:inline-block;
      background:rgba(215,25,32,.92);
      color:#fff;
      font-size:.8rem;
      padding:.3rem .6rem;
      border-radius:999px;
      margin-bottom:.7rem;
      font-weight:600;
    }
    .lead-news h2{
      font-size:2rem;
      line-height:1.25;
      font-weight:700;
      margin-bottom:.55rem;
    }
    .meta{font-size:.88rem;color:#dbe2ea}
    .meta.dark{color:var(--muted)}

    .headline-list .item,
    .sidebar-list .item,
    .compact-list .item,
    .footer-news .item{
      display:flex;gap:.85rem;padding:.85rem 0;border-bottom:1px dashed #e6e6e6;
    }
    .headline-list .item:last-child,
    .sidebar-list .item:last-child,
    .compact-list .item:last-child,
    .footer-news .item:last-child{border-bottom:0}

    .thumb-sm{width:96px;height:70px;border-radius:12px;object-fit:cover;flex:0 0 96px}
    .thumb-xs{width:74px;height:58px;border-radius:10px;object-fit:cover;flex:0 0 74px}
    .thumb-md{width:100%;height:180px;object-fit:cover}

    .item-title{
      font-size:1rem;
      line-height:1.35;
      font-weight:600;
      margin:0 0 .28rem;
    }
    .item-title:hover{color:var(--primary)}

    .mini-card{overflow:hidden;height:100%;display:flex;flex-direction:column}
    .mini-card img{height:188px;width:100%;object-fit:cover;display:block}
    .mini-card .card-body{padding:1rem}
    .mini-card h5{font-size:1.08rem;line-height:1.4;font-weight:700}

    .sidebar-box{
      height:auto;padding:1rem}
    .sidebar-box h4{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}

    .quick-links a{
      display:flex;align-items:center;justify-content:space-between;
      padding:.85rem 1rem;border-radius:14px;margin-bottom:.75rem;font-weight:600;
      color:#2b2b2b;border:1px solid #ece3bf;
      background:linear-gradient(90deg,#fff8db,#fff3c4);
    }
    .quick-links a:nth-child(2){background:linear-gradient(90deg,#fff1e7,#ffe2d0);border-color:#ffd6bc}
    .quick-links a:nth-child(3){background:linear-gradient(90deg,#eef7ff,#dfefff);border-color:#d2e7ff}
    .quick-links a:nth-child(4){background:linear-gradient(90deg,#effbf0,#ddf7df);border-color:#d5f0d8}
    .quick-links a:nth-child(5){background:linear-gradient(90deg,#f7f4ff,#e9e0ff);border-color:#dfd2ff}

    .category-card img{height:205px;object-fit:cover}
    .category-card .body{padding:1rem}
    .category-card h4{font-size:1.15rem;line-height:1.45;font-weight:700}

    .section-shell{padding:2rem 0}

    .opinion-card{padding:1.25rem}
    .avatar{
      width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#2e2e2e,#4a4a4a);
      display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin:0 auto 1rem;
    }
    .opinion-list .item{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 0;border-bottom:1px solid #eee}
    .opinion-list .item:last-child{border-bottom:0}
    .mini-avatar{
      width:52px;height:52px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 52px
    }

    .ent-grid .card,
    .sports-grid .card,
    .video-grid .card{
      border:0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)
    }
    .ent-grid img,
    .sports-grid img,
    .video-grid img{height:200px;object-fit:cover}
    .overlay-card{position:relative}
    .overlay-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.78))}
    .overlay-card .text{position:absolute;left:0;right:0;bottom:0;padding:1rem;color:#fff}

    footer{
      margin-top:2rem;
      background:#fff;
      border-top:3px solid var(--primary);
    }
    .footer-top{padding:2.2rem 0 1.2rem}
    .footer-box{padding:1.1rem;height:100%}
    .footer-box h5{font-weight:700;margin-bottom:.9rem;color:var(--primary)}
    .footer-bottom{
      border-top:1px solid var(--line);
      padding:1rem 0;
      font-size:.95rem;
      color:var(--muted);
    }

    .badge-live{
      background:#111;color:#fff;padding:.28rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700
    }

    .sticky-side{position:sticky;top:115px}
    .below-lead-row{margin-top:1rem; position:relative; z-index:2}
    .tab-nav{
      display:flex;
      gap:.5rem;
      margin-bottom:1rem;
      flex-wrap:wrap;
    }
    .tab-btn{
      border:0;
      background:#f4f4f4;
      color:#333;
      padding:.55rem .95rem;
      border-radius:999px;
      font-weight:700;
      font-family:'Hind Siliguri',sans-serif;
      transition:.2s ease;
    }
    .tab-btn.active,
    .tab-btn:hover{
      background:var(--primary);
      color:#fff;
    }
    .tab-pane-custom{display:none}
    .tab-pane-custom.active{display:block}

    @media (max-width: 991.98px){
      .lead-news img{height:280px}
      .lead-news h2{font-size:1.6rem}
      .sticky-side{position:static}
    }
    @media (max-width: 575.98px){
      .brand{font-size:1.55rem}
      .lead-news img{height:240px}
      .lead-news h2{font-size:1.35rem}
      .thumb-sm{width:88px;height:64px;flex-basis:88px}
      .section-shell{padding:1.4rem 0}
    }
	
	.compact-list .item{
	  display:flex;
	  gap:.85rem;
	  padding:.85rem 0;
	  border-bottom:1px dashed #e6e6e6;
	}

	.compact-list .item:last-child{
	  border-bottom:0;
	}

	.thumb-sm{
	  width:96px;
	  height:70px;
	  border-radius:12px;
	  object-fit:cover;
	  flex:0 0 96px;
	}

	.category-card img{
	  width:100%;
	  height:260px;
	  object-fit:cover;
	  display:block;
	}

	.category-card .body{
	  padding:1rem;
	}

	.item-title{
	  font-size:1rem;
	  line-height:1.4;
	  font-weight:600;
	  margin:0 0 .25rem;
	}

	.meta.dark{
	  color:#6c757d;
	  font-size:.9rem;
	}
	
	.compact-list .item{
	  display:flex;
	  gap:10px;
	  padding:12px;
	  margin-bottom:10px;
	  background:#ffffff;
	  border-radius:12px;
	  border:1px solid #eee;
	  transition:.2s;
	}

	.compact-list .item:hover{
	  box-shadow:0 4px 10px rgba(0,0,0,0.08);
	  transform:translateY(-2px);
	}

	.compact-list .item:last-child{
	  margin-bottom:0;
	}

	.thumb-sm{
	  width:85px;
	  height:60px;
	  object-fit:cover;
	  border-radius:8px;
	}

	.item-title{
	  font-size:14px;
	  font-weight:600;
	  margin-bottom:3px;
	  line-height:1.4;
	}
	.category-card{
	background:#fff;
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 6px 20px rgba(0,0,0,0.05);
	}
	
	.opinion-big-img{
width:250px;
height:250px;
border-radius:50%;
object-fit:cover;
display:block;
margin:auto;
}

.opinion-item{
display:flex;
gap:14px;
align-items:flex-start;
padding:14px;
background:#ffffff;
border-radius:12px;
margin-bottom:12px;
border:1px solid #eee;
transition:.2s;
}

.opinion-item:hover{
box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

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

footer{
background:#fff;
border-top:3px solid #d71920;
margin-top:40px;
}

.footer-top{
padding:40px 0 25px;
}

.footer-title{
font-weight:700;
margin-bottom:15px;
color:#d71920;
}

.footer-about p{
color:#666;
font-size:14px;
line-height:1.7;
}

.footer-links{
list-style:none;
padding:0;
margin:0;
}

.footer-links li{
margin-bottom:8px;
}

.footer-links a{
text-decoration:none;
color:#444;
font-size:14px;
transition:.2s;
}

.footer-links a:hover{
color:#d71920;
padding-left:5px;
}

.footer-social{
display:flex;
gap:10px;
}

.footer-social a{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#f5f5f5;
border-radius:50%;
color:#333;
font-size:18px;
transition:.2s;
}

.footer-social a:hover{
background:#d71920;
color:#fff;
}

.footer-apps{
display:flex;
flex-direction:column;
gap:10px;
}

.app-btn{
display:inline-flex;
align-items:center;
gap:8px;
background:#f5f5f5;
padding:10px 14px;
border-radius:8px;
text-decoration:none;
color:#333;
font-size:14px;
transition:.2s;
}

.app-btn:hover{
background:#d71920;
color:#fff;
}

.footer-bottom{
border-top:1px solid #eee;
padding:15px 0;
font-size:14px;
color:#777;
}











.reporter-box{
  background:#ffffff;
  border:1px solid #ececec;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  padding:28px 22px;
  text-align:center;
  position:sticky;
  top:120px;
}

.reporter-img{
  width:130px;
  height:130px;
  border-radius:50%;
  object-fit:cover;
  display:block;
  margin:0 auto 18px;
}

.reporter-name{
  font-size:1.35rem;
  font-weight:700;
  line-height:1.35;
  margin-bottom:6px;
}

.reporter-role{
  color:#777;
  font-size:1rem;
  margin-bottom:18px;
}

.report-meta{
  display:flex;
  flex-direction:column;
  gap:12px;
  text-align:left;
  font-size:.95rem;
  color:#555;
  background:#f8f8f8;
  border-radius:14px;
  padding:16px 14px;
}

.news-details-box{
  background:#ffffff;
  border:1px solid #ececec;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  padding:28px;
}

.news-details-title{
  font-size:2rem;
  line-height:1.28;
  font-weight:700;
  margin-bottom:14px;
}

.news-details-subtitle{
  font-size:1.15rem;
  line-height:1.65;
  color:#666;
  font-weight:500;
  margin-bottom:22px;
}

.news-feature-image{
  margin-bottom:8px;
}

.news-feature-image img{
  width:100%;
  height:380px;
  object-fit:cover;
  border-radius:14px;
  display:block;
}

.image-caption{
  display:block;
  margin-top:8px;
  color:#777;
  font-size:.88rem;
}

.news-content{
  margin-top:20px;
}

.news-content p{
  font-size:1.05rem;
  line-height:1.95;
  color:#333;
  margin-bottom:18px;
}

.related-news-wrap{
  margin-top:28px !important;
}

.related-title{
  margin-bottom:18px;
}

.related-title h3{
  margin-bottom:0;
}

.related-row{
  margin-top:0;
}

.related-card{
  background:#ffffff;
  border:1px solid #ececec;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.05);
}

.related-card img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
}

.related-card .body{
  padding:14px;
}

.related-card h5{
  font-size:1rem;
  line-height:1.5;
  font-weight:700;
  margin-bottom:8px;
}

@media (max-width: 991.98px){
  .reporter-box{
    position:static;
  }

  .news-details-title{
    font-size:1.6rem;
  }

  .news-feature-image img{
    height:280px;
  }
}

@media (max-width: 575.98px){
  .news-details-box{
    padding:18px;
  }

  .reporter-box{
    padding:22px 18px;
  }

  .reporter-img{
    width:110px;
    height:110px;
  }

  .news-details-title{
    font-size:1.4rem;
  }

  .news-details-subtitle{
    font-size:1rem;
  }

  .news-content p{
    font-size:1rem;
    line-height:1.8;
  }
}



.category-header{

background:#ffffff;

padding:28px 30px;

border-radius:16px;

border:1px solid #ececec;

margin-bottom:30px;

}

.category-header h1{

font-size:2rem;

font-weight:700;

margin-bottom:6px;

}

.category-header p{

color:#777;

margin:0;

}



.category-news-box{

background:#ffffff;

padding:25px;

border-radius:16px;

border:1px solid #ececec;

}



.category-card{

background:#fff;

border-radius:12px;

overflow:hidden;

border:1px solid #eee;

transition:.3s;

}

.category-card:hover{

transform:translateY(-4px);

box-shadow:0 8px 20px rgba(0,0,0,.08);

}



.category-card img{

width:100%;

height:250px;

object-fit:cover;

}



.category-card .body{

padding:14px;

}



.category-card h5{

font-size:1rem;

font-weight:700;

line-height:1.4;

margin-bottom:6px;

}