/* ══════════════════════════════════════════════════════
   PRATIVAD — Shared CSS (prativad.css)
   Homepage · Category · Article · About Us
══════════════════════════════════════════════════════ */

/* ─── VARIABLES ─── */
:root {
  --red:#c0392b;
  --dark-red:#96281b;
  --orange:#e67e22;
  --yellow:#f39c12;
  --blue:#1a73e8;
  --dark:#1a1a1a;
  --gray:#555;
  --light-gray:#f4f4f4;
  --border:#ddd;
  --white:#fff;
  --sidebar-w:295px;
  --text:#1a1a1a;
  --muted:#666;
  --light:#f5f5f5;
  --bg:#f0f0f0;
}


/* ─── ANIMATIONS ─── */

@keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }


@keyframes progress-fill { from{width:0%} to{width:100%} }


@keyframes blink { 50%{opacity:.5} }


@keyframes ft-spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* ─── BASE / SHARED RULES ─── */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body {
  font-family:'Noto Sans Devanagari','Roboto',sans-serif;
  background:var(--bg);
  color:#222;
  font-size:14px;
  line-height:1.7;
}
p {
  text-decoration:none;
  color:inherit;
  font-size: 13px;
}
a {
  text-decoration:none;
  color:inherit;
}
img {
  max-width:100%;
  display:block;
}
.topbar {
  background:var(--dark);
  color:#ccc;
  font-size:14px;
  padding:4px 0;
}
.topbar .inner {
  max-width:1200px;
  margin:0 auto;
  padding:0 10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
}
.topbar a {
  color:#aaa;
  margin:0 4px;
}
.topbar a:hover {
  color:var(--yellow);
}
.topbar-right {
  display:flex;
  align-items:center;
  gap:8px;
}
.topbar-right span {
  color:#888;
}
.top-ad {
  background:var(--blue);
  color:#fff;
  text-align:center;
  padding:6px;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
}
.top-ad a {
  color:#ffe082;
}
header {
  background:#9a0000;
  padding:10px 0;
  border-bottom:1px solid #eee;
}
.header-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  gap:20px;
  flex-wrap:wrap;
}
.logo {
  display:flex;
  flex-direction:column;
  flex-shrink:0;
}
.logo-box {
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--red);
  padding:9px 16px;
  border-radius:3px;
  flex-shrink:0;
  cursor:pointer;
}
.logo-icon {
  width:36px;
  height:36px;
  background:#fff;
  border-radius:3px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  color:var(--red);
  flex-shrink:0;
}
.logo-text {
  display:flex;
  flex-direction:column;
}
.logo-main {
  font-size:27px;
  font-weight:900;
  color:#fff;
  letter-spacing:.5px;
  line-height:1.1;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.logo-main sup {
  font-size:10px;
  vertical-align:super;
}
.logo-sub-row {
  display:flex;
  align-items:center;
  gap:6px;
}
.logo-sub {
  font-size:10px;
  color:#fff;
  letter-spacing:1px;
  font-weight:700;
}
.logo-tag {
  font-size:9px;
  color:#ffdddd;
  letter-spacing:.3px;
}
.header-ad {
  flex:1;
  max-width:680px;
  min-width:240px;
  background:#fafafa;
  border:1px solid #ddd;
  border-radius:3px;
  padding:10px 18px;
  text-align:center;
  cursor:pointer;
  position:relative;
}
.header-ad .ha-line1 {
  font-size:19px;
  font-weight:800;
  color:#1a73e8;
  line-height:1.3;
}
.header-ad .ha-line2 {
  font-size:18px;
  font-weight:800;
}
.header-ad .ha-line2 .price {
  color:#e67e22;
}
.header-ad .ha-line3 {
  font-size:13px;
  font-style:italic;
  color:#333;
  margin-top:3px;
}
.header-ad .ha-line3 .hand {
  display:inline-block;
}
.header-ad .ha-authority {
  float:right;
  font-size:11px;
  color:#666;
  font-weight:600;
}
nav {
  background:#f7f7f7;
  border-bottom:1px solid #ddd;
}
.nav-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.nav-inner a {
  color:var(--red);
  padding:11px 13px;
  font-size:13px;
  font-weight:700;
  display:block;
  transition:.2s;
  white-space:nowrap;
}
.nav-inner a:hover {
  background:#eee;
}
.nav-inner a.active {
  color:#111;
  background:#ffe8e8;
}
.nav-inner a.live-badge-link {
  background:#cddc39;
  color:#222;
  font-weight:800;
  margin:0 4px;
}
.nav-inner a.live-badge-link:hover {
  background:#c0ca33;
}
.nav-toggle {
  display:none;
  background:var(--dark-red);
  color:#fff;
  border:none;
  padding:10px 15px;
  font-size:18px;
  cursor:pointer;
  width:100%;
  text-align:left;
}
.ticker-wrap {
  background:#fff;
  border:1px solid #eee;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  max-width: 1182px;
  margin:10px auto 0;
}
.ticker-label {
  background:var(--red);
  color:#fff;
  padding:0 16px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
  display:flex;
  align-items:center;
  letter-spacing:.3px;
}
.ticker-content {
  flex:1;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#fafafa;
}
.ticker-track {
  display:flex;
  animation:ticker 40s linear infinite;
  white-space:nowrap;
}
.ticker-track:hover {
  animation-play-state:paused;
}
.ticker-item {
  padding:9px 30px;
  font-size:13px;
  color:#333;
  border-right:1px solid #eee;
}
.ticker-datetime {
  background:var(--red);
  color:#fff;
  padding:0 18px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.ticker-datetime .td-time {
  font-weight:800;
}
.container {
  max-width:1200px;
  margin:10px auto;
  padding:0 10px;
  display:flex;
  gap:14px;
}
.main-content {
  flex:1;
  min-width:0;
}
.sidebar {
  width:var(--sidebar-w);
  flex-shrink:0;
}
.slider-fullwidth {
  max-width:1200px;
  margin:10px auto 0;
  padding:0 10px;
}
.slider-section {
  margin-bottom:14px;
}
.hero-wrap {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  background:#fff;
}
.hero-carousel {
  position:relative;
  overflow:hidden;
  background:#111;
  height:280px;
}
.hero-slides {
  display:flex;
  height:100%;
  transition:transform .6s cubic-bezier(.4,0,.2,1);
  will-change:transform;
}
.hero-slide {
  min-width:100%;
  height:100%;
  position:relative;
  flex-shrink:0;
  cursor:pointer;
}
.hero-slide-bg {
  width:100%;
  height:100%;
  object-fit:cover;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  text-align:center;
  padding:20px;
}
.hero-caption {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:linear-gradient(transparent, rgba(0,0,0,.85));
  padding:30px 14px 12px;
}
.hero-caption h2 {
  font-size:15px;
  font-weight:700;
  color:#fff;
  line-height:1.45;
  margin-bottom:4px;
}
.hero-caption p {
  font-size:11px;
  color:#ddd;
  line-height:1.4;
}
.hero-caption .hero-tag {
  display:inline-block;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:700;
  padding:2px 8px;
  margin-bottom:6px;
}
.hero-dots {
  position:absolute;
  bottom:10px;
  right:12px;
  display:flex;
  gap:5px;
  z-index:10;
}
.hero-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.4);
  border:none;
  cursor:pointer;
  padding:0;
  transition:.3s;
}
.hero-dot.active {
  background:#fff;
  transform:scale(1.3);
}
.hero-prev, .hero-next {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.55);
  color:#fff;
  border:none;
  width:32px;
  height:32px;
  border-radius:50%;
  font-size:14px;
  cursor:pointer;
  z-index:10;
  transition:.2s;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-prev {
  left:8px;
}
.hero-next {
  right:8px;
}
.hero-prev:hover, .hero-next:hover {
  background:var(--red);
}
.hero-progress {
  position:absolute;
  bottom:0;
  left:0;
  height:3px;
  background:var(--red);
  z-index:10;
  animation:progress-fill 5s linear infinite;
}
.hero-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:4px;
  height:280px;
}
.hero-grid-item {
  position:relative;
  overflow:hidden;
  cursor:pointer;
  background:#222;
}
.hero-grid-item:hover .hgi-bg {
  transform:scale(1.05);
}
.hgi-bg {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  text-align:center;
  padding:10px;
  transition:.35s;
  color:#fff;
  font-size:11px;
}
.hgi-caption {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(transparent 30%, rgba(0,0,0,.8));
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:8px;
}
.hgi-caption h4 {
  font-size:14px;
  font-weight:700;
  color:#fff;
  line-height:1.35;
}
.hgi-caption .hgi-tag {
  display:inline-block;
  background:rgba(255,80,80,.9);
  color:#fff;
  font-size:9px;
  font-weight:700;
  padding:1px 6px;
  margin-bottom:4px;
  border-radius:1px;
}
.slide-google {
  background:#f0f0f0 !important;
  position:relative;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  gap:0 !important;
}
.google-net {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.google-new {
  position:absolute;
  top:14px;
  left:18px;
  font-size:16px;
  font-weight:900;
  color:#222;
  font-style:italic;
  letter-spacing:1px;
  z-index:2;
}
.google-word {
  font-size:64px;
  font-weight:900;
  letter-spacing:-2px;
  line-height:1;
  z-index:2;
  position:relative;
  margin-top:10px;
  font-family:Arial,sans-serif;
  text-shadow:1px 2px 8px rgba(0,0,0,.08);
}
.google-sub {
  font-size:26px;
  font-weight:700;
  color:#222;
  letter-spacing:.5px;
  z-index:2;
  position:relative;
  font-family:Arial,sans-serif;
  margin-top:4px;
}
.hero-slide:first-child .hero-caption {
  background:rgba(30,30,30,.82);
  padding:10px 14px 10px;
}
.hero-slide:first-child .hero-caption h2 {
  font-size:13px;
}
.hero-slide:first-child .hero-caption::after {
  content:'';
  display:block;
  width:60px;
  height:3px;
  background:#c0392b;
  margin-top:6px;
}
.sec-title {
  background:var(--red);
  color:#fff;
  padding:6px 12px;
  font-size:14px;
  font-weight:700;
  margin-bottom:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.sec-title a {
  color:#ffe082;
  font-size:13px;
  font-weight:400;
}
.sec-title.blue {
  background:var(--blue);
}
.sec-title.orange {
  background:var(--orange);
}
.sec-title.dark {
  background:#333;
}
.sec-title.green {
  background:#27ae60;
}
.sec-title.purple {
  background:#8e44ad;
}
.news-block {
  margin-bottom:14px;
  background:#fff;
}
.news-block .sec-title {
  margin-bottom:0;
}
.big-small-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.big-news {
  padding:10px;
  border-right:1px solid var(--border);
}
.big-news img {
  width:100%;
  height:160px;
  object-fit:cover;
  margin-bottom:8px;
}
.big-news h3 {
  font-size:15px;
  font-weight:700;
  margin-bottom:5px;
  line-height:1.4;
  color:#111;
}
.big-news h3:hover {
  color:var(--red);
}
.big-news p {
  font-size:12px;
  color:#666;
  line-height:1.5;
}
.small-news-list {
  padding:8px 10px;
}
.small-news-item {
  display:flex;
  gap:8px;
  padding:7px 0;
  border-bottom:1px dashed #eee;
  align-items:flex-start;
}
.small-news-item:last-child {
  border-bottom:none;
}
.small-news-item img {
  width:70px;
  height:55px;
  object-fit:cover;
  flex-shrink:0;
}
.small-news-item .txt h4 {
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  color:#111;
}
.small-news-item .txt h4:hover {
  color:var(--red);
}
.small-news-item .txt .meta {
  font-size:12px;
  color:#999;
  margin-top:3px;
}
.stars {
  color:var(--yellow);
  font-size:12px;
}
.views-bar {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#888;
  margin-top:3px;
}
.tab-section {
  background:#fff;
  margin-bottom:14px;
}
.tab-header {
  display:flex;
  border-bottom:2px solid var(--red);
}
.tab-btn {
  padding:8px 18px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  border:none;
  background:none;
  color:#555;
}
.tab-btn.active {
  background:var(--red);
  color:#fff;
}
.tab-content {
  display:none;
}
.tab-content.active {
  display:block;
}
.viewmore {
  text-align:center;
  padding:8px;
  border-top:1px solid #eee;
}
.viewmore a {
  color:var(--red);
  font-size:12px;
  font-weight:600;
}
.adv-section {
  background:#fffde7;
  border:1px solid #f9a825;
  margin-bottom:14px;
}
.adv-section .sec-title {
  background:#f9a825;
  color:#333;
}
.adv-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:10px;
}
.video-box {
  position:relative;
  background:#000;
  border-radius:3px;
  overflow:hidden;
  cursor:pointer;
}
.video-box img {
  width:100%;
  height:180px;
  object-fit:cover;
  opacity:.8;
}
.play-btn {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:rgba(255,0,0,.85);
  color:#fff;
  width:50px;
  height:50px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}
.video-item {
  display:flex;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid #eee;
  align-items:flex-start;
}
.video-item:last-child {
  border-bottom:none;
}
.video-item img {
  width:80px;
  height:55px;
  object-fit:cover;
  flex-shrink:0;
}
.video-item h4 {
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}
.video-item h4:hover {
  color:var(--red);
}
.sports-tabs {
  display:flex;
  background:#222;
}
.sports-tab-btn {
  padding:8px 20px;
  color:#aaa;
  font-weight:600;
  font-size:13px;
  cursor:pointer;
  border:none;
  background:none;
}
.sports-tab-btn.active {
  background:var(--red);
  color:#fff;
}
.featured-section {
  background:#fff;
  margin-bottom:14px;
}
.featured-slider {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  padding:10px;
}
.feat-item {
  border:1px solid #eee;
  overflow:hidden;
  border-radius:3px;
  cursor:pointer;
}
.feat-item img {
  width:100%;
  height:130px;
  object-fit:cover;
  transition:.3s;
}
.feat-item:hover img {
  opacity:.85;
}
.feat-item .feat-cap {
  padding:8px;
}
.feat-item .feat-cap h4 {
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  color:#111;
}
.feat-item .feat-cap .meta {
  font-size:10px;
  color:#999;
  margin-top:4px;
}
.latest-section {
  background:#fff;
  margin-bottom:14px;
}
.latest-list {
  padding:10px;
}
.latest-item {
  display:flex;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #eee;
  align-items:flex-start;
}
.latest-item:last-child {
  border-bottom:none;
}
.latest-item img {
  width:120px;
  height:85px;
  object-fit:cover;
  flex-shrink:0;
}
.latest-item .txt h3 {
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  margin-bottom:5px;
}
.latest-item .txt h3:hover {
  color:var(--red);
}
.latest-item .txt p {
  font-size:12px;
  color:#666;
  line-height:1.5;
}
.latest-item .txt .meta {
  font-size:10px;
  color:#999;
  margin-top:5px;
}
.load-more {
  text-align:center;
  padding:12px;
  border-top:1px solid #eee;
}
.load-more button {
  background:var(--red);
  color:#fff;
  border:none;
  padding:9px 30px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  border-radius:3px;
}
.load-more button:hover {
  background:var(--dark-red);
}
.sidebar-box {
  background:#fff;
  margin-bottom:14px;
}
.sidebar-box .sec-title {
  font-size:13px;
}
.sb-news-item {
  display:flex;
  gap:9px;
  padding:9px 11px;
  border-bottom:1px solid #f5f5f5;
  align-items:flex-start;
  cursor:pointer;
}
.sb-news-item:last-child {
  border-bottom:none;
}
.sb-news-item img {
  width:65px;
  height:50px;
  object-fit:cover;
  flex-shrink:0;
}
.sb-news-item h4 {
  font-size:12px;
  font-weight:600;
  line-height:1.4;
}
.sb-news-item h4:hover {
  color:var(--red);
}
.sb-news-item .meta {
  font-size:10px;
  color:#999;
  margin-top:3px;
}
.sb-ad {
  background:linear-gradient(135deg,#1a1a2e,#16213e);
  color:#fff;
  padding:20px 15px;
  text-align:center;
  margin-bottom:14px;
}
.sb-ad h3 {
  font-size:18px;
  font-weight:900;
  color:#e94560;
  margin-bottom:5px;
}
.sb-ad p {
  font-size:11px;
  color:#aaa;
  margin-bottom:10px;
}
.sb-ad .follow-btn {
  background:var(--red);
  color:#fff;
  border:none;
  padding:8px 20px;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
}
.live-news-box {
  background:#1a1a1a;
  color:#fff;
  padding:10px;
  margin-bottom:14px;
  text-align:center;
}
.live-badge {
  background:var(--red);
  color:#fff;
  padding:3px 10px;
  font-size:11px;
  font-weight:700;
  display:inline-block;
  margin-bottom:8px;
  animation:blink 1s infinite;
}
.live-news-box h3 {
  font-size:13px;
  margin-bottom:8px;
}
.live-news-box img {
  width:100%;
  height:140px;
  object-fit:cover;
}
.state-ads {
  background:#fff;
  padding:10px;
  margin-bottom:14px;
}
.state-ads h4 {
  font-size:13px;
  font-weight:700;
  color:var(--red);
  border-bottom:2px solid var(--red);
  padding-bottom:5px;
  margin-bottom:8px;
}
.state-link {
  display:block;
  padding:5px 8px;
  font-size:12px;
  color:#333;
  border-bottom:1px dashed #eee;
}
.state-link:hover {
  color:var(--red);
  background:#fff5f5;
}
.follow-us {
  background:#fff;
  padding:10px;
  margin-bottom:14px;
}
.follow-us h4 {
  font-size:13px;
  font-weight:700;
  border-bottom:2px solid var(--red);
  padding-bottom:5px;
  margin-bottom:10px;
  color:var(--red);
}
.social-follow {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.social-follow a {
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:3px;
  font-size:12px;
  font-weight:600;
  color:#fff;
}
.fb-btn {
  background:#1877f2;
}
.tw-btn {
  background:#1da1f2;
}
.yt-btn {
  background:#ff0000;
}
.gn-btn {
  background:#4a90d9;
}
.global-news-sb {
  background:#fff;
  margin-bottom:14px;
}
.latest-posts-sb {
  background:#fff;
  margin-bottom:14px;
}
.live-tv-section {
  background:#111;
  color:#fff;
  padding:10px;
  margin-bottom:14px;
}
.live-tv-section .sec-title {
  background:#e50914;
}
.tv-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:10px;
}
.tv-item {
  background:#222;
  border-radius:3px;
  overflow:hidden;
  cursor:pointer;
}
.tv-item img {
  width:100%;
  height:70px;
  object-fit:cover;
}
.tv-item .tv-name {
  font-size:11px;
  color:#ccc;
  padding:5px;
  text-align:center;
}
footer {
  background:var(--dark);
  color:#ccc;
  margin-top:20px;
}
.footer-top {
  background:#111;
  padding:20px 0;
  border-bottom:1px solid #333;
}
.footer-inner {
  max-width:1200px;
  margin:0 auto;
  padding:0 10px;
}
.footer-logo {
  font-size:32px;
  font-weight:900;
  color:#fff;
  margin-bottom:5px;
}
.footer-tagline {
  font-size:11px;
  color:#888;
  margin-bottom:15px;
}
.footer-grid {
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:20px;
  padding:20px 0;
}
.footer-col h4 {
  color:#fff;
  font-size:13px;
  font-weight:700;
  border-bottom:2px solid var(--red);
  padding-bottom:6px;
  margin-bottom:10px;
}
.footer-col ul {
  list-style:none;
}
.footer-col ul li {
  margin-bottom:5px;
}
.footer-col ul li a {
  color:#aaa;
  font-size:12px;
}
.footer-col ul li a:hover {
  color:#fff;
}
.footer-states {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:15px 0;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  margin:10px 0;
}
.state-tag {
  background:#222;
  color:#aaa;
  padding:4px 10px;
  border-radius:2px;
  font-size:11px;
  cursor:pointer;
}
.state-tag:hover {
  background:var(--red);
  color:#fff;
}
.footer-menu {
  display:flex;
  flex-wrap:wrap;
  gap:15px;
  padding:12px 0;
  align-items:center;
}
.footer-menu a {
  color:#aaa;
  font-size:12px;
}
.footer-menu a:hover {
  color:#fff;
}
.adv-btn {
  background:var(--red);
  color:#fff;
  padding:6px 16px;
  border-radius:3px;
  font-size:12px;
  font-weight:600;
}
.footer-address {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  padding:12px 0;
  border-top:1px solid #333;
}
.addr-box h5 {
  color:#fff;
  font-size:12px;
  margin-bottom:4px;
}
.addr-box p {
  font-size:11px;
  color:#888;
  line-height:1.6;
}
.footer-social {
  display:flex;
  gap:8px;
  padding:12px 0;
  flex-wrap:wrap;
}
.soc-btn {
  padding:7px 16px;
  border-radius:3px;
  font-size:12px;
  font-weight:600;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:5px;
  border:none;
}
.soc-share {
  background:#3b5998;
}
.soc-tweet {
  background:#1da1f2;
}
.soc-wp {
  background:#25d366;
}
.soc-email {
  background:#555;
}
.soc-li {
  background:#0077b5;
}
.footer-copy {
  background:#0d0d0d;
  text-align:center;
  padding:10px;
  font-size:11px;
  color:#666;
  border-top:1px solid #222;
}
.other-logos {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 0;
  align-items:center;
  border-top:1px solid #333;
}
.other-logo {
  background:#222;
  color:#bbb;
  padding:6px 12px;
  font-size:11px;
  border-radius:2px;
  font-weight:600;
}
.placeholder {
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  color:#888;
  font-weight:600;
  background-size:cover;
  background-position:center;
}
.ph-red {
  background:#c0392b;
  color:#fff;
}
.ph-blue {
  background:#2980b9;
  color:#fff;
}
.ph-dark {
  background:#2c3e50;
  color:#fff;
}
.ph-green {
  background:#27ae60;
  color:#fff;
}
.ph-orange {
  background:#e67e22;
  color:#fff;
}
.ph-purple {
  background:#8e44ad;
  color:#fff;
}
.ft {
  font-family:'Noto Sans Devanagari','Roboto',sans-serif;
  background:#fff;
  color:#222;
  margin-top:20px;
}
.ft a {
  text-decoration:none;
  color:inherit;
}
.ft-cyber {
  background:#05060e;
  display:flex;
  align-items:stretch;
  max-width:900px;
  margin:20px auto 0;
  position:relative;
  overflow:hidden;
  border:1px solid #1a2a4a;
}
.ft-cyber-left {
  flex:1;
  padding:22px 28px;
  z-index:2;
  position:relative;
}
.ft-cyber-left .fc-hindi {
  font-size:19px;
  font-weight:800;
  color:#fff;
  font-family:'Noto Sans Devanagari',sans-serif;
  line-height:1.4;
  margin-bottom:6px;
}
.ft-cyber-left .fc-brand {
  font-size:21px;
  font-weight:900;
  color:#e8314a;
  font-style:italic;
  letter-spacing:.5px;
  margin-bottom:2px;
}
.ft-cyber-left .fc-tagline {
  font-size:17px;
  font-weight:700;
  color:#fff;
  letter-spacing:.3px;
}
.ft-cyber-left .fc-tagline span {
  color:#bbb;
  font-weight:400;
}
.ft-cyber-click {
  position:absolute;
  top:18px;
  right:220px;
  background:#d4e832;
  color:#222;
  font-size:13px;
  font-weight:800;
  padding:7px 20px;
  border-radius:22px;
  cursor:pointer;
  border:none;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.ft-cyber-click:hover {
  background:#ffe000;
}
.ft-cyber-right {
  width:210px;
  flex-shrink:0;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ft-cyber-globe {
  width:210px;
  height:100%;
  background:radial-gradient(ellipse at center,#0a2a6e 0%,#041030 60%,#020815 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.ft-cyber-globe::before {
  content:'';
  position:absolute;
  width:160px;
  height:160px;
  border-radius:50%;
  border:2px solid rgba(0,180,255,.25);
  animation:ft-spin 8s linear infinite;
}
.ft-cyber-globe::after {
  content:'';
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  border:1.5px solid rgba(255,60,60,.2);
  animation:ft-spin 5s linear infinite reverse;
}
.ft-globe-inner {
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#1e90ff,#0040a0 55%,#001540);
  position:relative;
  z-index:1;
  box-shadow:0 0 30px rgba(0,120,255,.5),inset -8px -8px 20px rgba(0,0,50,.6);
  overflow:hidden;
}
.ft-globe-inner::before {
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 12px,rgba(255,255,255,.06) 13px),repeating-linear-gradient(90deg,transparent,transparent 16px,rgba(255,255,255,.05) 17px);
}
.ft-network-lines {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:radial-gradient(ellipse at 80% 50%,rgba(255,30,30,.12) 0%,transparent 60%);
}
.ft-logos {
  /* border-top:0px solid #e0e0e0;
  border-bottom:0px solid #e0e0e0; */
  padding:14px 0;
  background:#fff;
}
.ft-logos-inner {
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:18px 28px;
}
.flogo {
  font-weight:800;
  font-size:16px;
  cursor:pointer;
  transition:.2s;
}
.flogo:hover {
  opacity:.75;
}
.flogo-prativad {
  color:#c0392b;
  font-style:italic;
  font-size:18px;
}
.flogo-prativad span {
  font-size:10px;
  font-weight:400;
  color:#888;
  display:block;
  letter-spacing:.5px;
}
.flogo-ai {
  color:#222;
}
.flogo-ai .ai-dot {
  color:#e74c3c;
}
.flogo-blogger {
  color:#e8711a;
}
.flogo-blogger .bl-b {
  background:#e8711a;
  color:#fff;
  padding:1px 6px;
  border-radius:3px;
  margin-right:3px;
}
.flogo-gnews {
  color:#1a73e8;
  font-size:15px;
}
.flogo-gnews .gn-g {
  color:#ea4335;
}
.flogo-gnews .gn-n {
  color:#fbbc04;
}
.flogo-gnews .gn-e {
  color:#34a853;
}
.flogo-gnews .gn-w {
  color:#1a73e8;
}
.flogo-wp {
  color:#25d366;
}
.flogo-wp .wp-icon {
  background:#25d366;
  color:#fff;
  border-radius:50%;
  padding:2px 5px;
  font-size:13px;
  margin-right:4px;
}
.flogo-newsvoir {
  color:#1a1a6e;
  font-size:16px;
}
.flogo-newsvoir span {
  color:#e8314a;
}
.flogo-cision {
  color:#004990;
  font-size:19px;
  letter-spacing:2px;
}
.flogo-cision sup {
  font-size:10px;
  color:#004990;
}
.flogo-pr {
  color:#555;
  font-size:14px;
  font-weight:600;
}
.flogo-fb {
  color:#1877f2;
  font-size:18px;
  font-weight:800;
}
.flogo-mepax {
  color:#e2a72a;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
}
.flogo-donate {
  border:1.5px solid #c0392b;
  color:#c0392b;
  padding:4px 16px;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:.2s;
}
.flogo-donate:hover {
  background:#c0392b;
  color:#fff;
}
.flogo-donate .heart {
  color:#e74c3c;
}
.ft-cat {
  background:#fff;
  padding:8px 0 6px;
  /*border-bottom:0px solid #e8e8e8; */
  text-align:center;
}
.ft-cat-inner {
  max-width:1100px;
  margin:0 auto;
  padding:0 16px;
}
.ft-cat-row1 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0;
  margin-bottom:4px;
}
.ft-cat-row1 a {
  color:#c0392b;
  font-size:13px;
  font-weight:600;
  padding:4px 10px;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.ft-cat-row1 a:hover {
  text-decoration:underline;
}
.ft-cat-row2 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0;
  margin-top:4px;
}
.ft-cat-row2 a {
  color:#333;
  font-size:12px;
  font-weight:700;
  padding:4px 12px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.ft-cat-row2 a:hover {
  color:#c0392b;
}
.ft-nav {
  background:#fff;
  /* border-top:0px solid #e0e0e0; */
  border-bottom:2px solid #ccc;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0;
  position:relative;
}
.ft-nav-inner {
  max-width:1100px;
  margin:0 auto;
  width:100%;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:4px;
}
.ft-nav-links {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.ft-nav-links .home-icon {
  background:#333;
  color:#fff;
  padding:8px 10px;
  font-size:14px;
  display:flex;
  align-items:center;
  margin-right:4px;
}
.ft-nav-links a {
  color:#333;
  font-size:12px;
  font-weight:500;
  padding:9px 12px;
  display:block;
  border-right:1px solid #e8e8e8;
}
.ft-nav-links a:last-child {
  border-right:none;
}
.ft-nav-links a:hover {
  color:#c0392b;
  background:#fafafa;
}
.ft-adv-btn {
  background:#1a1a1a;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:10px 20px;
  border:none;
  cursor:pointer;
  white-space:nowrap;
  flex-shrink:0;
  letter-spacing:.3px;
}
.ft-adv-btn:hover {
  background:#c0392b;
}
.ft-address {
  background:#fff;
  padding:16px 0 8px;
  border-bottom:1px solid #e8e8e8;
  text-align:center;
}
.ft-address-inner {
  max-width:1000px;
  margin:0 auto;
  padding:0 20px;
}
.ft-address p {
  font-size:12px;
  color:#333;
  line-height:1.85;
  margin-bottom:3px;
}
.ft-address p strong {
  font-weight:600;
}
.ft-designed {
  text-align:right;
  font-size:12px;
  color:#888;
  padding-right:20px;
  margin-top:6px;
}
.ft-designed a {
  color:#c0392b;
  font-weight:700;
}
.ft-share {
  background:#f5f5f5;
  /* border-top:2px solid #e0e0e0; */
  padding:12px 0;
}
.ft-share-inner {
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.ft-share-count {
  font-size:22px;
  font-weight:900;
  color:#222;
  margin-right:6px;
  line-height:1;
}
.ft-share-count span {
  font-size:11px;
  font-weight:400;
  color:#888;
  display:block;
  text-align:center;
}
.ft-share-btn {
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 18px;
  border:none;
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  color:#fff;
  border-radius:3px;
  transition:.15s;
}
.ft-share-btn:hover {
  filter:brightness(1.1);
}
.ft-share-btn .icon {
  font-size:15px;
}
.ft-sb-fb {
  background:#3b5998;
}
.ft-sb-x {
  background:#111;
}
.ft-sb-li {
  background:#0077b5;
}
.ft-sb-wa {
  background:#25d366;
}
.ft-sb-em {
  background:#888;
}
.ft-sb-sh {
  background:#5cb85c;
}
ul {
  list-style:none;
}
.ha-authority {
  position:absolute;
  top:6px;
  right:10px;
  font-size:10px;
  color:#666;
  font-weight:600;
}
.ha-line1 {
  font-size:18px;
  font-weight:800;
  color:var(--blue);
  line-height:1.3;
}
.ha-line2 {
  font-size:17px;
  font-weight:800;
}
.ha-line2 .price {
  color:var(--orange);
}
.ha-line3 {
  font-size:12px;
  font-style:italic;
  color:#333;
  margin-top:2px;
}
.breadcrumb-bar {
  background:#fff;
  border-bottom:1px solid #eee;
  padding:0;
}
.breadcrumb-inner {
  max-width:1200px;
  margin:0 auto;
  padding:8px 14px;
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#999;
  flex-wrap:wrap;
}
.breadcrumb-inner a {
  color:var(--red);
}
.breadcrumb-inner .sep {
  color:#ccc;
}
.breadcrumb-inner .current {
  color:#444;
  font-weight:600;
}
.cat-hero {
  background:linear-gradient(135deg,var(--red) 0%,var(--dark-red) 100%);
  max-width:1200px;
  margin:0 auto;
  padding:16px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}
.cat-hero-title {
  display:flex;
  align-items:center;
  gap:12px;
}
.cat-hero-icon {
  font-size:32px;
}
.cat-hero-text h1 {
  font-size:22px;
  font-weight:900;
  color:#fff;
  line-height:1.2;
}
.cat-hero-text p {
  font-size:12px;
  color:#ffcccc;
  margin-top:2px;
}
.cat-hero-stats {
  display:flex;
  gap:20px;
}
.cat-stat {
  text-align:center;
  color:#fff;
}
.cat-stat .num {
  font-size:20px;
  font-weight:900;
}
.cat-stat .lbl {
  font-size:10px;
  color:#ffcccc;
}
.cat-hero-filter {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.filter-btn {
  background:rgba(255,255,255,.15);
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  padding:5px 14px;
  border-radius:20px;
  font-size:12px;
  cursor:pointer;
  font-weight:600;
  transition:.2s;
}
.filter-btn.active, .filter-btn:hover {
  background:#fff;
  color:var(--red);
}
.page-container {
  max-width:1200px;
  margin:12px auto;
  padding:0 14px;
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.content-col {
  flex:1;
  min-width:0;
}
.sidebar-col {
  width:var(--sidebar-w);
  flex-shrink:0;
}
.sort-bar {
  background:#fff;
  border:1px solid var(--border);
  padding:10px 14px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.sort-bar .result-count {
  font-size:13px;
  color:#666;
}
.sort-bar .result-count strong {
  color:#222;
}
.sort-options {
  display:flex;
  gap:4px;
  align-items:center;
}
.sort-options label {
  font-size:12px;
  color:#666;
  margin-right:4px;
}
.sort-btn {
  background:#f5f5f5;
  border:1px solid #ddd;
  color:#444;
  padding:5px 12px;
  font-size:12px;
  cursor:pointer;
  border-radius:2px;
  transition:.2s;
}
.sort-btn.active,.sort-btn:hover {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.view-toggle {
  display:flex;
  gap:4px;
}
.view-btn {
  background:#f5f5f5;
  border:1px solid #ddd;
  padding:6px 9px;
  cursor:pointer;
  border-radius:2px;
  font-size:14px;
}
.view-btn.active {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.featured-top {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:12px;
  overflow:hidden;
  display:flex;
  gap:0;
}
.ft-image {
  width:340px;
  flex-shrink:0;
  position:relative;
  background:linear-gradient(135deg,#1a237e,#283593);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  color:#fff;
  padding:20px;
}
.ft-image .big-icon {
  font-size:60px;
}
.ft-image .img-label {
  font-size:11px;
  color:#cce;
}
.ft-tag-overlay {
  position:absolute;
  top:12px;
  left:12px;
  background:var(--red);
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:3px 10px;
  letter-spacing:.5px;
}
.ft-body {
  padding:20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ft-body .cat-tag {
  color:var(--red);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:8px;
  display:block;
}
.ft-body h2 {
  font-size:20px;
  font-weight:900;
  line-height:1.45;
  color:#111;
  margin-bottom:10px;
}
.ft-body h2:hover {
  color:var(--red);
  cursor:pointer;
}
.ft-body .excerpt {
  font-size:13px;
  color:#555;
  line-height:1.7;
  margin-bottom:14px;
}
.ft-meta {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-size:11px;
  color:#999;
}
.ft-meta .author {
  color:var(--red);
  font-weight:600;
}
.ft-meta .dot {
  color:#ddd;
}
.read-more-btn {
  display:inline-block;
  background:var(--red);
  color:#fff;
  padding:8px 20px;
  font-size:12px;
  font-weight:700;
  border-radius:2px;
  margin-top:14px;
  cursor:pointer;
  transition:.2s;
}
.read-more-btn:hover {
  background:var(--dark-red);
}
.news-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:12px;
}
.news-card {
  background:#fff;
  border:1px solid var(--border);
  overflow:hidden;
  cursor:pointer;
  transition:.2s;
}
.news-card:hover {
  box-shadow:0 4px 16px rgba(0,0,0,.1);
  transform:translateY(-2px);
}
.nc-image {
  height:160px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:6px;
  font-size:11px;
  color:#fff;
}
.nc-tag {
  position:absolute;
  top:0;
  left:0;
  background:var(--red);
  color:#fff;
  font-size:9px;
  font-weight:800;
  padding:3px 8px;
  letter-spacing:.3px;
}
.nc-body {
  padding:12px;
}
.nc-body h3 {
  font-size:13px;
  font-weight:700;
  line-height:1.45;
  color:#111;
  margin-bottom:6px;
}
.nc-body h3:hover {
  color:var(--red);
}
.nc-body .nc-excerpt {
  font-size:11px;
  color:#666;
  line-height:1.5;
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.nc-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:10px;
  color:#aaa;
}
.nc-meta .nc-views {
  color:var(--red);
  font-weight:600;
}
.news-list {
  display:none;
  flex-direction:column;
  gap:0;
  margin-bottom:12px;
}
.news-list.active {
  display:flex;
}
.news-grid.active {
  display:grid;
}
.nl-item {
  background:#fff;
  border:1px solid var(--border);
  border-bottom:none;
  display:flex;
  gap:0;
  overflow:hidden;
  cursor:pointer;
  transition:.15s;
}
.nl-item:last-child {
  border-bottom:1px solid var(--border);
}
.nl-item:hover {
  background:#fafafa;
}
.nl-thumb {
  width:160px;
  flex-shrink:0;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  font-size:10px;
  color:#fff;
}
.nl-tag {
  position:absolute;
  top:0;
  left:0;
  background:var(--red);
  color:#fff;
  font-size:9px;
  font-weight:800;
  padding:2px 6px;
}
.nl-body {
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.nl-body h3 {
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  color:#111;
}
.nl-body h3:hover {
  color:var(--red);
}
.nl-body p {
  font-size:12px;
  color:#666;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.nl-meta {
  display:flex;
  gap:12px;
  font-size:10px;
  color:#aaa;
  margin-top:4px;
  flex-wrap:wrap;
}
.nl-meta .author {
  color:var(--red);
}
.pagination {
  background:#fff;
  border:1px solid var(--border);
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.pg-btn {
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:#fff;
  color:#333;
  font-size:13px;
  cursor:pointer;
  border-radius:2px;
  transition:.2s;
}
.pg-btn:hover {
  border-color:var(--red);
  color:var(--red);
}
.pg-btn.active {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.pg-btn.dots {
  cursor:default;
  border:none;
}
.pg-btn.prev-next {
  width:auto;
  padding:0 14px;
  font-weight:700;
}
.sb-box {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:14px;
  overflow:hidden;
}
.sb-title {
  background:var(--red);
  color:#fff;
  padding:9px 12px;
  font-size:13px;
  font-weight:700;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.sb-title a {
  color:#ffe082;
  font-size:10px;
  font-weight:400;
}
.sb-title.blue {
  background:var(--blue);
}
.sb-title.dark {
  background:#222;
}
.sb-title.green {
  background:#27ae60;
}
.sb-title.orange {
  background:var(--orange);
}
.sb-ad-premium {
  background:linear-gradient(135deg,#0d1117,#1a1a2e);
  color:#fff;
  padding:20px 16px;
  text-align:center;
  margin-bottom:14px;
  border:1px solid #2a2a4a;
}
.sb-ad-premium .ad-icon {
  font-size:32px;
  margin-bottom:8px;
}
.sb-ad-premium h3 {
  font-size:16px;
  font-weight:900;
  color:#e8314a;
  margin-bottom:4px;
}
.sb-ad-premium p {
  font-size:11px;
  color:#aaa;
  margin-bottom:12px;
  line-height:1.6;
}
.sb-ad-premium .price-tag {
  font-size:22px;
  font-weight:900;
  color:#cddc39;
  margin-bottom:8px;
}
.sb-ad-premium .ad-cta {
  background:var(--red);
  color:#fff;
  border:none;
  padding:9px 24px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  width:100%;
}
.sb-ad-premium .ad-cta:hover {
  background:#e53935;
}
.sb-ad-banner {
  margin-bottom:14px;
  background:#1877f2;
  color:#fff;
  padding:14px;
  text-align:center;
  cursor:pointer;
}
.sb-ad-banner.green-bg {
  background:linear-gradient(135deg,#27ae60,#2ecc71);
}
.sb-ad-banner.orange-bg {
  background:linear-gradient(135deg,#e67e22,#f39c12);
}
.sb-ad-banner h4 {
  font-size:14px;
  font-weight:800;
  margin-bottom:4px;
}
.sb-ad-banner p {
  font-size:11px;
  opacity:.85;
  margin-bottom:8px;
}
.sb-ad-banner .btn {
  background:#fff;
  padding:5px 16px;
  border-radius:20px;
  font-size:11px;
  font-weight:700;
  display:inline-block;
  color:#1877f2;
}
.sb-ad-banner.green-bg .btn {
  color:#27ae60;
}
.sb-ad-banner.orange-bg .btn {
  color:#e67e22;
}
.sb-news-item:hover {
  background:#fafafa;
}
.sb-thumb {
  width:68px;
  height:52px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:#fff;
  border-radius:2px;
  position:relative;
}
.sb-news-item .sb-text h4 {
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  color:#111;
}
.sb-news-item .sb-text h4:hover {
  color:var(--red);
}
.sb-news-item .sb-text .sb-meta {
  font-size:10px;
  color:#aaa;
  margin-top:3px;
}
.sb-news-item .sb-num {
  font-size:22px;
  font-weight:900;
  color:#e8e8e8;
  flex-shrink:0;
  width:28px;
  text-align:center;
  line-height:1;
}
.sb-follow {
  padding:10px;
}
.sb-follow .social-row {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.sb-social-btn {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.sb-social-btn span {
  font-size:11px;
  opacity:.85;
}
.ssb-fb {
  background:#1877f2;
}
.ssb-tw {
  background:#111;
}
.ssb-yt {
  background:#ff0000;
}
.ssb-wa {
  background:#25d366;
}
.ssb-gn {
  background:var(--blue);
}
.tags-cloud {
  padding:10px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.tag-item {
  background:#f5f5f5;
  color:#555;
  border:1px solid #ddd;
  padding:4px 10px;
  font-size:11px;
  border-radius:2px;
  cursor:pointer;
  transition:.2s;
}
.tag-item:hover {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.sb-newsletter {
  padding:14px;
  background:#fff;
}
.sb-newsletter p {
  font-size:12px;
  color:#666;
  margin-bottom:10px;
  line-height:1.6;
}
.nl-form {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.nl-input {
  border:1px solid var(--border);
  padding:8px 10px;
  font-size:12px;
  border-radius:2px;
  font-family:inherit;
  width:100%;
  margin-bottom:6px;
}
.nl-input:focus {
  outline:none;
  border-color:var(--red);
}
.nl-submit {
  background:var(--red);
  color:#fff;
  border:none;
  padding:9px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border-radius:2px;
  width:100%;
}
.nl-submit:hover {
  background:var(--dark-red);
}
.sb-states {
  padding:8px 10px;
}
.sb-state-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:6px 4px;
  border-bottom:1px dashed #eee;
  font-size:12px;
  color:#333;
  cursor:pointer;
}
.sb-state-link:last-child {
  border-bottom:none;
}
.sb-state-link:hover {
  color:var(--red);
}
.sb-state-link .count {
  background:#f0f0f0;
  color:#888;
  font-size:10px;
  padding:1px 6px;
  border-radius:10px;
}
.sb-gallery {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  padding:8px;
}
.sb-gallery-item {
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  cursor:pointer;
  transition:.2s;
  border-radius:2px;
}
.sb-gallery-item:hover {
  opacity:.8;
}
.inline-ad {
  background:linear-gradient(135deg,#e8314a 0%,#c0392b 100%);
  color:#fff;
  padding:16px 20px;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.inline-ad p {
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  flex:1;
}
.inline-ad button {
  background:#fff;
  color:var(--red);
  border:none;
  padding:8px 20px;
  border-radius:20px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.breadcrumb-inner a:hover {
  text-decoration:underline;
}
.page-wrap {
  max-width:1200px;
  margin:16px auto;
  padding:0 14px;
  display:flex;
  gap:18px;
  align-items:flex-start;
}
.article-col {
  flex:1;
  min-width:0;
}
.article-card {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:16px;
}
.art-header {
  padding:22px 24px 0;
}
.art-cats {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.art-cat-pill {
  background:var(--red);
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:3px 12px;
  border-radius:2px;
  letter-spacing:.5px;
  text-transform:uppercase;
  cursor:pointer;
}
.art-cat-pill:hover {
  background:var(--dark-red);
}
.art-cat-pill.secondary {
  background:var(--blue);
}
.art-cat-pill.tertiary {
  background:var(--orange);
}
.art-breaking {
  background:#ff1744;
  color:#fff;
  font-size:10px;
  font-weight:900;
  padding:3px 10px;
  border-radius:2px;
  animation:blink 1.2s infinite;
  letter-spacing:1px;
}
.art-title {
  font-size:26px;
  font-weight:900;
  line-height:1.4;
  color:#111;
  margin-bottom:14px;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.art-deck {
  font-size:15px;
  color:#444;
  line-height:1.7;
  border-left:4px solid var(--red);
  padding-left:14px;
  margin-bottom:16px;
  font-style:italic;
  background:#fff8f8;
  padding:12px 14px;
}
.art-meta-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding:12px 0;
  border-top:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:0;
}
.art-author {
  display:flex;
  align-items:center;
  gap:10px;
}
.author-avatar {
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--red),var(--orange));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:#fff;
  flex-shrink:0;
}
.author-info .name {
  font-size:13px;
  font-weight:700;
  color:#111;
}
.author-info .role {
  font-size:11px;
  color:#999;
}
.art-meta-right {
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
}
.art-meta-item {
  font-size:12px;
  color:#888;
  display:flex;
  align-items:center;
  gap:4px;
}
.art-meta-item strong {
  color:#444;
}
.art-share-bar {
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 0;
  border-bottom:1px solid #f0f0f0;
  flex-wrap:wrap;
}
.art-share-label {
  font-size:12px;
  color:#888;
  font-weight:600;
  margin-right:4px;
}
.shr-btn {
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 14px;
  border:none;
  border-radius:3px;
  font-size:12px;
  font-weight:700;
  color:#fff;
  cursor:pointer;
  transition:.15s;
}
.shr-btn:hover {
  filter:brightness(1.1);
  transform:translateY(-1px);
}
.shr-fb {
  background:#1877f2;
}
.shr-tw {
  background:#111;
}
.shr-wa {
  background:#25d366;
}
.shr-li {
  background:#0077b5;
}
.shr-cp {
  background:#666;
}
.shr-count {
  font-size:12px;
  color:#888;
  margin-left:auto;
}
.art-hero-img {
  width:100%;
  min-height:380px;
  background:linear-gradient(135deg,#1a237e 0%,#283593 40%,#1565c0 100%);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:12px;
  color:#fff;
  overflow:hidden;
}
.art-hero-img .hero-icon {
  font-size:80px;
}
.art-hero-img .hero-label {
  font-size:16px;
  font-weight:700;
  opacity:.8;
}
.art-img-caption {
  padding:8px 24px;
  background:#f9f9f9;
  border-bottom:1px solid #eee;
  font-size:11px;
  color:#888;
  font-style:italic;
  display:flex;
  align-items:center;
  gap:6px;
}
.art-img-caption span {
  color:#aaa;
}
.art-body {
  padding:22px 24px;
  font-size:15px;
  line-height:1.85;
  color:#222;
}
.art-body p {
  margin-bottom:18px;
}
.art-body h2 {
  font-size:20px;
  font-weight:800;
  color:#111;
  margin:28px 0 12px;
  padding-bottom:6px;
  border-bottom:2px solid var(--red);
  font-family:'Noto Sans Devanagari',sans-serif;
}
.art-body h3 {
  font-size:17px;
  font-weight:700;
  color:#222;
  margin:22px 0 10px;
  padding-left:10px;
  border-left:3px solid var(--orange);
}
.art-body blockquote {
  background:linear-gradient(135deg,#fff8f8,#fff);
  border-left:5px solid var(--red);
  padding:16px 20px;
  margin:22px 0;
  border-radius:0 4px 4px 0;
  font-size:16px;
  font-style:italic;
  color:#333;
  line-height:1.7;
  position:relative;
}
.art-body blockquote::before {
  content:'"';
  font-size:60px;
  color:var(--red);
  opacity:.15;
  position:absolute;
  top:-10px;
  left:10px;
  font-family:Georgia,serif;
  line-height:1;
}
.art-body blockquote cite {
  display:block;
  margin-top:8px;
  font-size:12px;
  color:#888;
  font-style:normal;
  font-weight:600;
}
.art-infobox {
  background:#e3f2fd;
  border:1px solid #90caf9;
  border-radius:4px;
  padding:16px 18px;
  margin:22px 0;
}
.art-infobox .ib-title {
  font-size:13px;
  font-weight:800;
  color:var(--blue);
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.art-infobox ul li {
  font-size:13px;
  color:#1a1a1a;
  padding:3px 0;
  padding-left:14px;
  position:relative;
}
.art-infobox ul li::before {
  content:'›';
  position:absolute;
  left:0;
  color:var(--blue);
  font-weight:700;
}
.art-pullquote {
  background:linear-gradient(135deg,var(--red),var(--dark-red));
  color:#fff;
  padding:22px 24px;
  margin:24px 0;
  text-align:center;
  font-size:18px;
  font-weight:700;
  line-height:1.5;
  font-style:italic;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.art-pullquote cite {
  display:block;
  font-size:12px;
  font-weight:400;
  opacity:.8;
  margin-top:8px;
  font-style:normal;
}
.art-inline-ad {
  background:#fffde7;
  border:1px solid #f9a825;
  padding:14px 18px;
  margin:24px 0;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.art-inline-ad p {
  font-size:13px;
  color:#555;
  flex:1;
}
.art-inline-ad button {
  background:var(--red);
  color:#fff;
  border:none;
  padding:8px 20px;
  font-size:12px;
  font-weight:700;
  border-radius:20px;
  cursor:pointer;
  white-space:nowrap;
}
.art-facts-table {
  width:100%;
  border-collapse:collapse;
  margin:22px 0;
}
.art-facts-table td {
  padding:10px 14px;
  border:1px solid #eee;
  font-size:13px;
}
.art-facts-table td:first-child {
  font-weight:700;
  color:#333;
  background:#f9f9f9;
  width:35%;
}
.art-facts-table td:last-child {
  color:#444;
}
.art-facts-table tr:hover td {
  background:#fff8f8;
}
.art-tags {
  padding:0 24px 16px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.art-tags .tags-label {
  font-size:12px;
  font-weight:700;
  color:#888;
  margin-right:4px;
}
.art-tag {
  background:#f5f5f5;
  border:1px solid #ddd;
  color:#555;
  padding:4px 12px;
  font-size:11px;
  border-radius:20px;
  cursor:pointer;
}
.art-tag:hover {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.art-bottom-share {
  padding:16px 24px;
  border-top:1px solid #eee;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  background:#fafafa;
}
.abs-label {
  font-size:13px;
  font-weight:700;
  color:#444;
  margin-right:4px;
}
.abs-count {
  font-size:22px;
  font-weight:900;
  color:#222;
  line-height:1;
}
.abs-count span {
  font-size:10px;
  font-weight:400;
  color:#aaa;
  display:block;
}
.art-reactions {
  padding:16px 24px;
  border-top:1px solid #eee;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.art-reactions .react-label {
  font-size:13px;
  font-weight:700;
  color:#444;
  margin-right:8px;
}
.react-btn {
  display:flex;
  align-items:center;
  gap:5px;
  padding:8px 14px;
  background:#f5f5f5;
  border:1px solid #ddd;
  border-radius:20px;
  font-size:13px;
  cursor:pointer;
  transition:.2s;
}
.react-btn:hover {
  background:#fff8f8;
  border-color:var(--red);
}
.react-btn.active {
  background:#fff0f0;
  border-color:var(--red);
  color:var(--red);
}
.react-btn .cnt {
  font-size:11px;
  color:#888;
}
.author-bio {
  margin:0 24px 20px;
  padding:18px;
  border:1px solid #eee;
  border-radius:4px;
  background:#fafafa;
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.bio-avatar {
  width:64px;
  height:64px;
  border-radius:50%;
  flex-shrink:0;
  background:linear-gradient(135deg,var(--red),var(--orange));
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#fff;
}
.bio-text .bio-name {
  font-size:15px;
  font-weight:800;
  color:#111;
  margin-bottom:3px;
}
.bio-text .bio-role {
  font-size:11px;
  color:var(--red);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:6px;
}
.bio-text .bio-desc {
  font-size:12px;
  color:#666;
  line-height:1.6;
}
.bio-text .bio-links {
  display:flex;
  gap:8px;
  margin-top:8px;
}
.bio-links a {
  font-size:11px;
  color:var(--blue);
}
.related-section {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:16px;
}
.rel-header {
  background:var(--red);
  color:#fff;
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
}
.rel-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:0;
}
.rel-item {
  border-right:1px solid #f0f0f0;
  padding:12px 14px;
  cursor:pointer;
}
.rel-item:last-child {
  border-right:none;
}
.rel-item:hover {
  background:#fafafa;
}
.rel-thumb {
  height:110px;
  margin-bottom:10px;
  border-radius:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  color:#fff;
  position:relative;
}
.rel-thumb .rel-cat {
  position:absolute;
  top:0;
  left:0;
  background:var(--red);
  color:#fff;
  font-size:9px;
  font-weight:800;
  padding:2px 7px;
}
.rel-item h4 {
  font-size:12px;
  font-weight:700;
  line-height:1.45;
  color:#111;
  margin-bottom:6px;
}
.rel-item h4:hover {
  color:var(--red);
}
.rel-item .rel-meta {
  font-size:10px;
  color:#aaa;
}
.comments-section {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:16px;
}
.comments-header {
  background:#333;
  color:#fff;
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.comments-header span {
  font-size:12px;
  background:#555;
  padding:2px 10px;
  border-radius:10px;
}
.comment-form {
  padding:16px;
  border-bottom:1px solid #eee;
}
.comment-form textarea {
  width:100%;
  border:1px solid var(--border);
  border-radius:3px;
  padding:10px 12px;
  font-size:13px;
  font-family:inherit;
  resize:vertical;
  min-height:80px;
}
.comment-form textarea:focus {
  outline:none;
  border-color:var(--red);
}
.cf-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.cf-input {
  width:100%;
  border:1px solid var(--border);
  padding:10px 12px;
  font-size:13px;
  border-radius:3px;
  font-family:inherit;
}
.cf-input:focus {
  outline:none;
  border-color:var(--red);
}
.cf-submit {
  background:var(--red);
  color:#fff;
  border:none;
  padding:11px;
  font-size:13px;
  font-weight:700;
  border-radius:3px;
  cursor:pointer;
  margin-top:8px;
}
.cf-submit:hover {
  background:var(--dark-red);
}
.comment-list {
  padding:0 16px 12px;
}
.comment-item {
  padding:14px 0;
  border-bottom:1px dashed #eee;
  display:flex;
  gap:12px;
}
.comment-item:last-child {
  border-bottom:none;
}
.cm-avatar {
  width:38px;
  height:38px;
  border-radius:50%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:#fff;
}
.cm-body .cm-header {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}
.cm-body .cm-name {
  font-size:13px;
  font-weight:700;
  color:#111;
}
.cm-body .cm-date {
  font-size:11px;
  color:#aaa;
}
.cm-body p {
  font-size:13px;
  color:#444;
  line-height:1.6;
}
.cm-actions {
  display:flex;
  gap:10px;
  margin-top:6px;
}
.cm-action {
  font-size:11px;
  color:#aaa;
  cursor:pointer;
}
.cm-action:hover {
  color:var(--red);
}
.sb-title.purple {
  background:#7b1fa2;
}
.sb-premium {
  background:linear-gradient(160deg,#0d1117,#1a1a2e,#0d2137);
  color:#fff;
  padding:22px 16px;
  text-align:center;
  margin-bottom:14px;
  border:1px solid #1e2d4a;
}
.sb-premium .prem-icon {
  font-size:34px;
  margin-bottom:8px;
}
.sb-premium h3 {
  font-size:17px;
  font-weight:900;
  color:#e8314a;
  margin-bottom:4px;
}
.sb-premium .prem-price {
  font-size:24px;
  font-weight:900;
  color:#cddc39;
  margin:8px 0;
}
.sb-premium p {
  font-size:11px;
  color:#aaa;
  margin-bottom:12px;
  line-height:1.6;
}
.sb-premium .prem-btn {
  background:var(--red);
  color:#fff;
  border:none;
  padding:9px 0;
  font-size:12px;
  font-weight:700;
  border-radius:20px;
  cursor:pointer;
  width:100%;
}
.sb-premium .prem-btn:hover {
  background:#e53935;
}
.sb-thumb .st-tag {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.5);
  font-size:8px;
  text-align:center;
  padding:1px;
  color:#fff;
}
.sb-text h4 {
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  color:#111;
}
.sb-text h4:hover {
  color:var(--red);
}
.sb-text .sb-meta {
  font-size:10px;
  color:#aaa;
  margin-top:3px;
}
.sb-num {
  font-size:24px;
  font-weight:900;
  color:#e8e8e8;
  width:28px;
  flex-shrink:0;
  text-align:center;
  line-height:1;
  padding-top:4px;
}
.sb-soc-btn {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  margin-bottom:5px;
}
.sb-banner {
  margin-bottom:14px;
  color:#fff;
  padding:16px;
  text-align:center;
  cursor:pointer;
}
.sb-banner.red-bg {
  background:linear-gradient(135deg,var(--red),var(--dark-red));
}
.sb-banner.blue-bg {
  background:linear-gradient(135deg,#1565c0,#1976d2);
}
.sb-banner.orange-bg {
  background:linear-gradient(135deg,#e65100,var(--orange));
}
.sb-banner.green-bg {
  background:linear-gradient(135deg,#1b5e20,#388e3c);
}
.sb-banner.dark-bg {
  background:linear-gradient(135deg,#212121,#424242);
}
.sb-banner h4 {
  font-size:15px;
  font-weight:800;
  margin-bottom:4px;
}
.sb-banner p {
  font-size:11px;
  opacity:.85;
  margin-bottom:10px;
  line-height:1.5;
}
.sb-banner .bbn {
  background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.4);
  padding:6px 18px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  display:inline-block;
}
.sb-banner .bbn:hover {
  background:rgba(255,255,255,.35);
}
.sb-poll {
  padding:12px 14px;
}
.poll-q {
  font-size:13px;
  font-weight:700;
  color:#222;
  margin-bottom:12px;
  line-height:1.5;
}
.poll-option {
  margin-bottom:8px;
  cursor:pointer;
}
.poll-option-label {
  font-size:12px;
  color:#333;
  margin-bottom:3px;
  display:flex;
  justify-content:space-between;
}
.poll-bar-wrap {
  background:#f0f0f0;
  border-radius:10px;
  height:8px;
  overflow:hidden;
}
.poll-bar {
  height:100%;
  border-radius:10px;
  transition:.4s;
}
.poll-btn {
  background:var(--red);
  color:#fff;
  border:none;
  padding:8px 20px;
  font-size:12px;
  font-weight:700;
  border-radius:3px;
  cursor:pointer;
  width:100%;
  margin-top:6px;
}
.poll-votes {
  font-size:10px;
  color:#aaa;
  text-align:right;
  margin-top:6px;
}
.sb-tags {
  padding:10px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.sb-tag {
  background:#f5f5f5;
  border:1px solid #e0e0e0;
  color:#555;
  padding:4px 10px;
  font-size:11px;
  border-radius:2px;
  cursor:pointer;
}
.sb-tag:hover {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.nl-btn {
  background:var(--red);
  color:#fff;
  border:none;
  padding:9px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border-radius:2px;
  width:100%;
}
.nl-btn:hover {
  background:var(--dark-red);
}
.sb-live-item {
  padding:8px 11px;
  border-bottom:1px solid #f5f5f5;
  font-size:12px;
  color:#333;
  display:flex;
  gap:6px;
  cursor:pointer;
}
.sb-live-item:last-child {
  border-bottom:none;
}
.sb-live-item:hover {
  color:var(--red);
  background:#fafafa;
}
.sb-live-item .li-dot {
  color:var(--red);
  flex-shrink:0;
  animation:blink 1s infinite;
  font-size:8px;
  margin-top:5px;
}
.reading-progress {
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9999;
  height:3px;
  background:#eee;
}
.reading-progress-bar {
  height:100%;
  background:var(--red);
  width:0%;
  transition:width .1s linear;
}
.back-to-top {
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:999;
  background:var(--red);
  color:#fff;
  border:none;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:18px;
  cursor:pointer;
  display:none;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.back-to-top:hover {
  background:var(--dark-red);
}
.back-to-top.visible {
  display:flex;
}
.page-hero {
  background:linear-gradient(135deg, var(--red) 0%, var(--dark-red) 50%, #6b0f1a 100%);
  padding:50px 14px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.page-hero::before {
  content:'';
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ph-inner {
  position:relative;
  z-index:1;
  max-width:700px;
  margin:0 auto;
}
.ph-badge {
  display:inline-block;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.3);
  color:#ffe082;
  font-size:12px;
  font-weight:700;
  padding:5px 16px;
  border-radius:20px;
  letter-spacing:1px;
  margin-bottom:16px;
}
.ph-title {
  font-size:40px;
  font-weight:900;
  color:#fff;
  line-height:1.2;
  margin-bottom:12px;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.ph-subtitle {
  font-size:15px;
  color:rgba(255,255,255,.8);
  line-height:1.7;
  margin-bottom:20px;
}
.ph-stats {
  display:flex;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
}
.ph-stat {
  text-align:center;
  color:#fff;
}
.ph-stat .phs-num {
  font-size:30px;
  font-weight:900;
  line-height:1;
}
.ph-stat .phs-lbl {
  font-size:11px;
  color:rgba(255,255,255,.7);
  margin-top:3px;
  letter-spacing:.5px;
}
.ph-stat .phs-num span {
  font-size:18px;
}
.main-col {
  flex:1;
  min-width:0;
}
.au-card {
  background:#fff;
  border:1px solid var(--border);
  margin-bottom:16px;
  overflow:hidden;
}
.au-card-head {
  padding:16px 22px;
  border-bottom:1px solid #f0f0f0;
  display:flex;
  align-items:center;
  gap:12px;
}
.au-card-head .head-icon {
  font-size:22px;
}
.au-card-head h2 {
  font-size:18px;
  font-weight:800;
  color:#111;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.au-card-head h2 span {
  color:var(--red);
}
.au-card-head .head-line {
  flex:1;
  height:2px;
  background:linear-gradient(to right, var(--red), transparent);
  margin-left:12px;
}
.au-card-body {
  padding:20px 22px;
}
.about-intro-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:center;
}
.intro-visual {
  background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);
  border-radius:8px;
  padding:30px 20px;
  text-align:center;
  color:#fff;
  position:relative;
  overflow:hidden;
  min-height:280px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.intro-visual::before {
  content:'';
  position:absolute;
  width:200px;
  height:200px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  top:-30px;
  right:-30px;
}
.intro-visual::after {
  content:'';
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
  bottom:-20px;
  left:-20px;
}
.iv-logo {
  font-size:52px;
  font-weight:900;
  font-family:'Noto Sans Devanagari',sans-serif;
  color:#fff;
  line-height:1;
}
.iv-logo .dot {
  color:#e8314a;
}
.iv-brand {
  font-size:13px;
  font-weight:700;
  letter-spacing:2px;
  color:#aaa;
}
.iv-tagline {
  font-size:12px;
  color:#cddc39;
  font-style:italic;
  margin-top:4px;
}
.iv-year {
  font-size:11px;
  color:#666;
  margin-top:8px;
  border-top:1px solid #333;
  padding-top:8px;
  width:100%;
  text-align:center;
}
.iv-badges {
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:8px;
}
.iv-badge {
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.15);
  color:#ddd;
  padding:3px 10px;
  border-radius:12px;
  font-size:10px;
}
.intro-text p {
  font-size:14px;
  color:#444;
  line-height:1.85;
  margin-bottom:14px;
}
.intro-text .highlight-box {
  background:linear-gradient(135deg,#fff8f8,#fff);
  border-left:4px solid var(--red);
  padding:14px 16px;
  border-radius:0 4px 4px 0;
  margin:16px 0;
  font-size:14px;
  font-style:italic;
  color:#333;
  line-height:1.7;
}
.mvv-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:14px;
}
.mvv-item {
  border-radius:4px;
  padding:20px 18px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.mvv-item.mission {
  background:linear-gradient(135deg,#fff0f0,#fff);
  border:1px solid #ffd0d0;
}
.mvv-item.vision {
  background:linear-gradient(135deg,#f0f4ff,#fff);
  border:1px solid #c5d5ff;
}
.mvv-item.values {
  background:linear-gradient(135deg,#f0fff4,#fff);
  border:1px solid #c3e6cb;
}
.mvv-icon {
  font-size:36px;
  margin-bottom:10px;
}
.mvv-item h3 {
  font-size:15px;
  font-weight:800;
  margin-bottom:8px;
  font-family:'Noto Sans Devanagari',sans-serif;
}
.mvv-item.mission h3 {
  color:var(--red);
}
.mvv-item.vision h3 {
  color:var(--blue);
}
.mvv-item.values h3 {
  color:#27ae60;
}
.mvv-item p {
  font-size:12px;
  color:#555;
  line-height:1.7;
}
.stats-row {
  background:linear-gradient(135deg,var(--dark),#2c2c2c);
  padding:24px 22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin-bottom:16px;
}
.stat-cell {
  text-align:center;
  padding:10px;
  border-right:1px solid rgba(255,255,255,.08);
}
.stat-cell:last-child {
  border-right:none;
}
.stat-num {
  font-size:32px;
  font-weight:900;
  color:#fff;
  line-height:1;
}
.stat-num .suf {
  font-size:20px;
  color:#cddc39;
}
.stat-label {
  font-size:11px;
  color:#aaa;
  margin-top:5px;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.stat-icon {
  font-size:20px;
  margin-bottom:6px;
}
.team-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.team-card {
  border:1px solid var(--border);
  border-radius:6px;
  overflow:hidden;
  background:#fff;
  text-align:center;
  transition:.25s;
  cursor:pointer;
}
.team-card:hover {
  box-shadow:0 6px 24px rgba(0,0,0,.12);
  transform:translateY(-3px);
}
.tc-photo {
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:56px;
  color:#fff;
  position:relative;
}
.tc-photo .tc-role-badge {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,.6);
  color:#fff;
  font-size:9px;
  font-weight:700;
  padding:3px 6px;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-align:center;
}
.tc-body {
  padding:14px 12px;
}
.tc-name {
  font-size:14px;
  font-weight:800;
  color:#111;
  margin-bottom:3px;
}
.tc-designation {
  font-size:11px;
  color:var(--red);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:8px;
}
.tc-bio {
  font-size:11px;
  color:#666;
  line-height:1.55;
  margin-bottom:10px;
}
.tc-social {
  display:flex;
  justify-content:center;
  gap:6px;
}
.tc-soc {
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#fff;
  cursor:pointer;
}
.ts-tw {
  background:#111;
}
.ts-li {
  background:#0077b5;
}
.ts-em {
  background:var(--red);
}
.timeline {
  position:relative;
  padding:10px 0;
}
.timeline::before {
  content:'';
  position:absolute;
  left:28px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(to bottom, var(--red), #ffd0d0);
}
.tl-item {
  display:flex;
  gap:18px;
  margin-bottom:24px;
  position:relative;
}
.tl-dot {
  width:58px;
  height:58px;
  border-radius:50%;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  color:#fff;
  position:relative;
  z-index:1;
  border:3px solid #fff;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.tl-content {
  background:#fff;
  border:1px solid var(--border);
  border-radius:4px;
  padding:14px 16px;
  flex:1;
}
.tl-content .tl-year {
  font-size:11px;
  font-weight:800;
  color:var(--red);
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:4px;
}
.tl-content h4 {
  font-size:14px;
  font-weight:800;
  color:#111;
  margin-bottom:6px;
}
.tl-content p {
  font-size:12px;
  color:#555;
  line-height:1.6;
}
.tl-content .tl-tag {
  display:inline-block;
  background:#fff0f0;
  color:var(--red);
  font-size:10px;
  font-weight:700;
  padding:2px 8px;
  border-radius:10px;
  margin-top:6px;
}
.awards-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.award-item {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  background:#fffdf5;
  border:1px solid #f0e6c8;
  border-radius:4px;
}
.award-icon {
  font-size:28px;
  flex-shrink:0;
}
.award-text h4 {
  font-size:13px;
  font-weight:700;
  color:#111;
  margin-bottom:3px;
}
.award-text p {
  font-size:11px;
  color:#666;
  line-height:1.5;
}
.award-year {
  font-size:10px;
  color:var(--orange);
  font-weight:700;
  margin-top:3px;
}
.coverage-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.cov-item {
  background:linear-gradient(135deg,#fff8f8,#fff);
  border:1px solid #ffd0d0;
  padding:12px 10px;
  text-align:center;
  border-radius:4px;
  cursor:pointer;
  transition:.2s;
}
.cov-item:hover {
  background:var(--red);
  border-color:var(--red);
}
.cov-item:hover .cov-name, .cov-item:hover .cov-count {
  color:#fff;
}
.cov-icon {
  font-size:22px;
  margin-bottom:5px;
}
.cov-name {
  font-size:12px;
  font-weight:700;
  color:#333;
}
.cov-count {
  font-size:10px;
  color:#999;
  margin-top:2px;
}
.contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.contact-form {
  display:flex;
  flex-direction:column;
  gap:10px;
}
.cf-textarea {
  width:100%;
  border:1px solid var(--border);
  padding:10px 12px;
  font-size:13px;
  border-radius:3px;
  font-family:inherit;
  resize:vertical;
  min-height:110px;
}
.cf-textarea:focus {
  outline:none;
  border-color:var(--red);
}
.contact-info {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ci-item {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px;
  background:#fafafa;
  border:1px solid var(--border);
  border-radius:4px;
}
.ci-icon {
  font-size:20px;
  flex-shrink:0;
  width:36px;
  height:36px;
  background:var(--red);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ci-text h4 {
  font-size:12px;
  font-weight:700;
  color:#888;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:3px;
}
.ci-text p {
  font-size:13px;
  color:#333;
  line-height:1.5;
}
.ci-text a {
  color:var(--red);
}
.partner-logos {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  padding:10px 0;
}
.partner-logo {
  background:#f5f5f5;
  border:1px solid var(--border);
  padding:10px 18px;
  border-radius:3px;
  font-size:13px;
  font-weight:700;
  color:#555;
  cursor:pointer;
  transition:.2s;
}
.partner-logo:hover {
  background:var(--red);
  color:#fff;
  border-color:var(--red);
}
.testimonials-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.testi-item {
  background:#fafafa;
  border:1px solid var(--border);
  border-radius:4px;
  padding:16px;
  position:relative;
}
.testi-item::before {
  content:'"';
  font-size:48px;
  color:var(--red);
  opacity:.12;
  position:absolute;
  top:-5px;
  left:10px;
  font-family:Georgia,serif;
  line-height:1;
}
.testi-text {
  font-size:13px;
  color:#444;
  line-height:1.7;
  font-style:italic;
  margin-bottom:12px;
  padding-top:10px;
}
.testi-author {
  display:flex;
  align-items:center;
  gap:10px;
}
.testi-avatar {
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:#fff;
  flex-shrink:0;
}
.testi-name {
  font-size:12px;
  font-weight:700;
  color:#111;
}
.testi-role {
  font-size:10px;
  color:#999;
}
.testi-stars {
  color:#f39c12;
  font-size:11px;
  margin-top:2px;
}
.sb-quick-links {
  padding:6px 0;
}
.sql-item {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 12px;
  border-bottom:1px solid #f5f5f5;
  font-size:12px;
  color:#333;
  cursor:pointer;
}
.sql-item:last-child {
  border-bottom:none;
}
.sql-item:hover {
  color:var(--red);
  background:#fafafa;
}
.sql-item .sql-arr {
  color:#ccc;
}


/* ─── RESPONSIVE / MEDIA QUERIES ─── */

@media(max-width:960px) {
.container {
  flex-direction:column;
}
.sidebar {
  width:100%;
}
.slider-grid {
  grid-template-columns:1fr 1fr;
}
.big-small-grid {
  grid-template-columns:1fr;
}
.big-news {
  border-right:none;
  border-bottom:1px solid var(--border);
}
.featured-slider {
  grid-template-columns:1fr 1fr;
}
.footer-grid {
  grid-template-columns:1fr 1fr;
}
.footer-address {
  grid-template-columns:1fr;
}
.adv-inner {
  grid-template-columns:1fr;
}
.tv-grid {
  grid-template-columns:repeat(2,1fr);
}
.page-container {
  flex-direction:column;
}
.sidebar-col {
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.featured-top {
  flex-direction:column;
}
.ft-image {
  width:100%;
  height:200px;
}
.news-grid {
  grid-template-columns:1fr 1fr;
}
.cat-hero-stats {
  display:none;
}
.sb-gallery {
  grid-template-columns:repeat(4,1fr);
}
.page-wrap {
  flex-direction:column;
}
.sidebar-col > * {
  margin-bottom:0;
}
.rel-grid {
  grid-template-columns:1fr 1fr;
}
.art-hero-img {
  min-height:260px;
}
.team-grid {
  grid-template-columns:1fr 1fr;
}
.mvv-grid {
  grid-template-columns:1fr 1fr;
}
.mvv-item:last-child {
  grid-column:span 2;
}
.stats-row {
  grid-template-columns:repeat(2,1fr);
}
.about-intro-grid {
  grid-template-columns:1fr;
}
.coverage-grid {
  grid-template-columns:repeat(3,1fr);
}
.awards-grid {
  grid-template-columns:1fr;
}
}


@media(max-width:640px) {
.slider-grid {
  grid-template-columns:1fr;
}
.nav-toggle {
  display:block;
}
.nav-inner {
  display:none;
  flex-direction:column;
}
.nav-inner.open {
  display:flex;
}
.nav-inner a {
  border-bottom:1px solid #eee;
}
.header-inner {
  flex-direction:column;
  align-items:flex-start;
}
.logo-main {
  font-size:28px;
}
.featured-slider {
  grid-template-columns:1fr;
}
.footer-grid {
  grid-template-columns:1fr;
}
.sports-tabs {
  flex-wrap:wrap;
}
.tv-grid {
  grid-template-columns:repeat(2,1fr);
}
.latest-item img {
  width:90px;
  height:65px;
}
.header-ad {
  max-width:100%;
  min-width:unset;
}
.news-grid {
  grid-template-columns:1fr;
}
.nl-thumb {
  width:120px;
}
.cat-hero {
  flex-direction:column;
  align-items:flex-start;
}
.ticker-datetime {
  display:none;
}
.ft-cyber {
  flex-direction:column;
  max-width:100%;
}
.ft-cyber-right {
  height:120px;
  width:100%;
}
.ft-cyber-click {
  top:10px;
  right:10px;
}
.ft-share-inner {
  justify-content:center;
}
.ft-address p {
  font-size:11px;
}
.sort-bar {
  flex-direction:column;
  align-items:flex-start;
}
.art-title {
  font-size:20px;
}
.art-body {
  font-size:14px;
  padding:16px;
}
.art-header {
  padding:14px 16px 0;
}
.art-bottom-share {
  padding:12px 16px;
}
.art-reactions {
  padding:12px 16px;
}
.art-tags {
  padding:0 16px 12px;
}
.author-bio {
  margin:0 14px 16px;
}
.rel-grid {
  grid-template-columns:1fr;
}
.cf-row {
  grid-template-columns:1fr;
}
.sidebar-col {
  grid-template-columns:1fr;
}
.art-share-bar {
  gap:4px;
}
.shr-btn {
  padding:6px 10px;
  font-size:11px;
}
.art-meta-bar {
  flex-direction:column;
  align-items:flex-start;
}
.ph-title {
  font-size:28px;
}
.ph-stats {
  gap:16px;
}
.team-grid {
  grid-template-columns:1fr 1fr;
}
.testimonials-grid {
  grid-template-columns:1fr;
}
.contact-grid {
  grid-template-columns:1fr;
}
.coverage-grid {
  grid-template-columns:repeat(2,1fr);
}
.mvv-grid {
  grid-template-columns:1fr;
}
.mvv-item:last-child {
  grid-column:span 1;
}
.stats-row {
  grid-template-columns:repeat(2,1fr);
}
.timeline::before {
  left:22px;
}
.tl-dot {
  width:46px;
  height:46px;
  font-size:10px;
}
}


@media(max-width:700px) {
.ft-cyber {
  flex-direction:column;
  max-width:100%;
  margin:10px 8px 0;
}
.ft-cyber-right {
  width:100%;
  height:120px;
}
.ft-cyber-click {
  top:10px;
  right:10px;
}
.ft-logos-inner {
  gap:12px 18px;
}
.ft-nav-inner {
  flex-direction:column;
  align-items:flex-start;
}
.ft-share-inner {
  justify-content:center;
}
.ft-address p {
  font-size:11px;
}
}