/* @font-face {
    font-family: 'Haas Grot Text 55 Roman';
    src: url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-76BoldItalic.svg#HaasGrotText-76BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Text 55 Roman';
    src: url('../fonts/HaasGrotText/HaasGrotText-56Italic.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-56Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-56Italic.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-56Italic.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-56Italic.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-56Italic.svg#HaasGrotText-56Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Text 65';
    src: url('../fonts/HaasGrotText/HaasGrotText-65Medium.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-65Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-65Medium.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-65Medium.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-65Medium.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-65Medium.svg#HaasGrotText-65Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Text 55 Roman';
    src: url('../fonts/HaasGrotText/HaasGrotText-55Roman.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-55Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-55Roman.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-55Roman.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-55Roman.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-55Roman.svg#HaasGrotText-55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Text 65';
    src: url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-66MediumItalic.svg#HaasGrotText-66MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Haas Grot Text 55 Roman';
    src: url('../fonts/HaasGrotText/HaasGrotText-75Bold.eot');
    src: url('../fonts/HaasGrotText/HaasGrotText-75Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HaasGrotText/HaasGrotText-75Bold.woff2') format('woff2'),
        url('../fonts/HaasGrotText/HaasGrotText-75Bold.woff') format('woff'),
        url('../fonts/HaasGrotText/HaasGrotText-75Bold.ttf') format('truetype'),
        url('../fonts/HaasGrotText/HaasGrotText-75Bold.svg#HaasGrotText-75Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Adobe Devanagari';
    src: url('../fonts/AdobeDevanagari/AdobeDevanagari-Bold.woff2') format('woff2'),
        url('../fonts/AdobeDevanagari/AdobeDevanagari-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adobe Devanagari';
    src: url('../fonts/AdobeDevanagari/AdobeDevanagari-Regular.woff2') format('woff2'),
        url('../fonts/AdobeDevanagari/AdobeDevanagari-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100..900&display=swap');

._5lm5._2pi3._3-8y {
    display: none;
}
body.boxed-layout {
    margin: 0px auto;
    font-family: "Noto Sans Devanagari", sans-serif;
    background: rgb(236, 240, 241);
}
@media (min-width: 1200px) {
    .container {
        width: 768px;
    }
}
.hindi-font
{
	font-family: "Noto Sans Devanagari", sans-serif;
}

.navbar-default {
    background-color: #001974;
    border-color: #001974;
    border: none;
    border-radius: 0;
    min-height: 48px;
    margin-bottom: 0;
}
#myNavbar .nav>li>a {
    padding: 14px 15px !important;
    font-size: 15px;
}
.navbar-brand img {
    width: 200px;
    padding: 5px 0;
}

.navbar-brand {
    float: left;
    height: 48px;
    padding: 7px 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #f5f5f5;
    background-color: #0a1e68;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #f5f5f5;
    background-color: transparent;
}

.hindi-font p {
    font-size: 18px;
    line-height: 22px;
}
.hindi-font h1 {
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-top: 5px;
}
.top-heading {
    font-size: 18px;
}
.news-content p {
    margin-bottom: 20px;
}

.news-image img {
    border-radius: 6px;
    margin: 0px auto;
}

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

.image-source {
    text-align: right;
}

.page-wrapper {
    background: #fff;
    padding: 40px 0;
}

.cbPlusIco {
    background: url(../images/icons-sprite.png) no-repeat scroll;
    height: 25px;
    vertical-align: middle;
    width: 25px;
}
.cbFbLogoB, .cbFbLogoW {
    height: 20px;
    width: 11px;
}
.cbFbLogoW {
    background-position: -182px -785px;
}
.cbTwitterLogoW {
    background-position: -433px -785px;
    height: 20px;
    width: 19px;
}
.bg-\[\#325a97\] {
    background-color: #325a97;
}
.bg-black {
    background-color: #000;
}
.text-white {
    color: #fff;
}
.p-2 {
    padding: .5rem;
}
.gap-2 {
    gap: .5rem;
}
.items-center {
    align-items: center;
}
.flex {
    display: flex;
}
.rounded-sm {
    border-radius: .125rem;
}
.news-share {
    display: flex;
    gap: 1.5em;

    padding: 15px 0;
}









/* Parent list item */
.horizontal-news-lists li a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

/* Image wrapper */
.horizontal-news-lists .news-image {
    flex: 0 0 100px;   /* fixed width */
}

/* Image */
.horizontal-news-lists .news-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Content right side */
.horizontal-news-lists .news-content {
    flex: 1;
}

/* Heading */
.horizontal-news-lists .news-content h3 {
    font-size: 16px;
    line-height: 1.1;
    margin: 0 0 0px;
    color: #222;
}
/* Time text */
.horizontal-news-lists .news-meta {
    font-size: 12px;
    color: #555;
}
@media (max-width: 576px) {
    .horizontal-news-lists li a {
        flex-direction: column;
        align-items: flex-start;
    }

    .horizontal-news-lists .news-image {
        width: 100%;
    }
}

ul.horizontal-news-lists {
    padding: 0;
    list-style: none;
}

.widget-title h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #001974;
    margin: 0;
}

.widget-title {
    margin-bottom: 10px;
}

ul.horizontal-news-lists li {
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

ul.horizontal-news-lists li:last-child {
    border-bottom: none;
}



.loader {
    width: 40px;
    height: 40px;
    border: 4px solid #ddd;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 20px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mt-2 {
    margin-top: 20px;
}

.news-comment {
    background: aliceblue;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}
.fb_iframe_widget iframe {
    width: 100% !important;
}

.category-head h1 {
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-top: 5px;
}

.category-head p {
    font-size: 18px;
    line-height: 22px;
}










/* Header */
.app-header {
    height: 56px;
    background: #0d47a1;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px;
    justify-content: space-between;
}

.menu-btn {
    font-size: 24px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}

.user-icon {
    font-size: 22px;
}

/* Side Menu */
.side-menu {
    position: fixed;
    top: 0;
    left: -280px;
    width: 260px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 8px rgba(0,0,0,0.2);
    transition: 0.3s;
    z-index: 1000;
}

.side-menu a {
    display: block;
    padding: 14px 20px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
}

.side-menu a:hover {
    background: #f5f5f5;
}

/* Menu Header */
.menu-header {
    background: #0d47a1;
    color: #fff;
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

/* Overlay */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: none;
    z-index: 999;
}

















a,a:hover { text-decoration: none; color: inherit; display: block; }

.app-container {
    max-width: 768px;
    margin: 0 auto;
    background: #fff;
    min-height: 100vh;
}


.header-content { display: flex; justify-content: space-between; align-items: center; }
.logo { font-weight: 800; font-size: 18px; }
.red-txt { color: var(--primary); }
.live-indicator { font-size: 11px; font-weight: 700; display: flex; align-items: center; }
.dot { height: 6px; width: 6px; background: var(--primary); border-radius: 50%; margin-right: 5px; animation: blink 1s infinite; }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }

/* Hero Section */
.hero-wrap { padding: 15px; }
.hero-box { 
    height: 380px; border-radius: 24px; overflow: hidden; position: relative; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.hero-box img { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay {
    position: absolute; bottom: 0; left: 0; right: 0; padding: 25px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);
    color: #fff;
}
.category-badge { background: var(--primary); padding: 4px 10px; font-size: 11px; border-radius: 6px; font-weight: 700; }
.hero-overlay h1 { font-size: 22px; margin: 10px 0; line-height: 1.3; font-weight: 800; }
.hero-meta { font-size: 12px; opacity: 0.8; }

/* Trending Section */
.section-title { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; }
.section-title h2 { font-size: 18px; font-weight: 700; margin: 0; }
.section-title a { color: var(--primary); font-size: 13px; font-weight: 600; }

.trending-card { background: #fff; border-radius: 16px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; }
.trending-img { height: 110px; border-radius: 12px; overflow: hidden; margin-bottom: 8px; }
.trending-img img { width: 100%; height: 100%; object-fit: cover; }
.trending-card h3 { font-size: 14px; margin: 0; line-height: 1.4; color: #333; height: 40px; }
.trend-time { font-size: 11px; color: var(--muted); }

/* Feed Section */
.feed-wrap { margin-top: 20px; }
.feed-item { 
    display: flex; gap: 15px; padding: 15px; border-bottom: 1px solid #f5f5f5; align-items: center;
    transition: background 0.2s;
}
.feed-item:active { background: #f9f9f9; }
.feed-text { flex: 1; }
.feed-cat { color: var(--primary); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.feed-text h2 { font-size: 15px; margin: 5px 0; line-height: 1.4; font-weight: 700; }
.feed-meta { font-size: 11px; color: var(--muted); }
.feed-img { width: 100px; height: 100px; flex-shrink: 0; }
.feed-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }

/* Desktop View Support */
@media (min-width: 769px) {
    .app-container { max-width: 768px; }
    .feed-list { display: grid; grid-template-columns: 1fr 1fr; }
}







.side-menu a.active {
    background: #0d47a1;
    color: #fff;
}

.menu-header button {
    background: #002969;
}








/* ===== Footer Styles ===== */

.footer {
    background-color: #0b0b0b;
    color: #ffffff;
    padding: 40px 15px 20px;
    font-family: Arial, sans-serif;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.footer-logo {
    margin-bottom: 20px;
}

.footer-logo img {
    max-width: 180px;
    height: auto;
}

/* Footer Links */
.footer-links {
    margin-bottom: 20px;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 10px;
    font-size: 15px;
    display: inline-block;
}

.footer-links a:hover {
    color: #f5c518;
}

/* Social Icons */
.footer-social {
    margin-bottom: 20px;
}

.footer-social .social-icon {
    display: inline-block;
    margin: 0 8px;
}

.footer-social img {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.footer-social img:hover {
    transform: scale(1.15);
} 

/* Copyright */
.footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.6;
}

.footer-bottom-links {
    margin-top: 8px;
    display: inline-flex;
    gap: 5px;
}
.footer-bottom-links a {
    color: #cccccc;
    text-decoration: none;
    font-size: 14px;
}

.footer-bottom-links a:hover {
    color: #ffffff;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {

    .footer-links a {
        display: block;
        margin: 6px 0;
    }

    .footer-social {
        margin-top: 15px;
    }
}


.news-content p a {
    color: #1078d9;
}















.score-widget {
  padding:10px;
}

.match-card {
  background:#111a2c;
  color:#fff;
  border-radius:10px;
  padding:12px;
  font-family: Arial, sans-serif;
}

.match-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-bottom: 6px;
}

.match-status .series {
  color: #cbd5f5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
}

.match-status .status-text {
  font-weight: 600;
  white-space: nowrap;
}

/* Color based on status */
.match-status.live .status-text {
  color: #22c55e; /* green */
}

.match-status.upcoming .status-text {
  color: #facc15; /* yellow */
}

.match-status.result .status-text {
  color: #60a5fa; /* blue */
}


.match-status.upcoming {
  color:#facc15;
}

.team {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0;
}

.team-left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.team-flag {
  width: 22px;
  height: 22px;
  object-fit: contain;
  border-radius: 50%;
}

.team-name {
  font-size: 14px;
  font-weight: 500;
}

.team-score {
  font-size: 14px;
  font-weight: 600;
}


.result {
  font-size:12px;
  color:#9ca3af;
  margin-top:6px;
}