html, body {
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

p, li, span, a {
  font-family: "Inter", sans-serif;
    font-weight: 500;
}

body, p, li {
  font-family: "Inter", sans-serif;
  font-weight: 500;
}
.float-btn {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 125px;
  right: 20px;
  background-color: rgb(52, 191, 73);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  z-index: 1000;
  transition: transform 0.3s ease;
  text-decoration: none;
}
.single-post h1 {
  font-size: 32px !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
}

.single-post p,
.single-post li {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #333 !important;
}

.single-post h2, 
.single-post h3 h6 {
  font-size: 22px !important;
  margin-top: 25px !important;
  margin-bottom: 10px !important;
}

.single-post strong {
  color: #000 !important;
}

.single-post .meta {
  color: #777 !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}

.my-h6{
  font-size: 18px !important;   
}
@media (max-width: 768px) {
.single-post h1 {
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
}
  .single-post p,
  .single-post li {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .single-post h2,
  .single-post h3,
  .single-post h6 {
    font-size: 18px !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }

  .single-post .meta {
    font-size: 12px !important;
    margin-bottom: 15px !important;
  }

}
@media (max-width: 480px) {
.single-post h1 {
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
}
  .single-post p,
  .single-post li {
    font-size: 13px !important;
  }

  .single-post h2,
  .single-post h3,
  .single-post h6 {
    font-size: 16px !important;
  }

}


 .uc-navbar-item, .uc-navbar-nav>li>a, .uc-navbar-toggle{
        font-family: math !important;
    }
    .advertisement{
         font-family: math !important;
         font-size: 15px;
    font-weight: 500;
    }
     
        .uc-navbar-item{
            font-size:22px;
        }
         .uc-navbar-nav>li>a{
            color:rgb(0, 0, 0) !important;
        }
        .uc-navbar-nav>li>a:hover{
            color:red !important;
        }
           /* FIX UC OFFCANVAS MOBILE SCROLL */
#uc-menu-panel .uc-offcanvas-bar {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    /* ===== MOBILE HORIZONTAL CATEGORY BAR ===== */
.mobile-category-bar {
    position: sticky;
    top: 0;
    z-index: 998;
}

.mobile-scroll-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.mobile-scroll-menu {
    display: flex;
    gap: 16px;
    padding: 10px 12px;
    margin: 0;
    list-style: none;
    min-width: max-content;
}

.mobile-scroll-menu li {
    white-space: nowrap;
}

.mobile-scroll-menu a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* hide scrollbar */
.mobile-scroll-wrap::-webkit-scrollbar {
    display: none;
}

    .menu-link {
    display: flex;
    align-items: center;
    padding: 8px 0px;
    font-size: 13px;
    color: #000;
    text-decoration: none;
}

.menu-link i {
    width: 32px;
    height: 32px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: 0.3s ease;
}

/* Hover effect */
.menu-link:hover i {
    background: #f5f5f5;
    border-color: #999;
}
.menu-two-items {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.menu-two-items li {
    width: 100%;     
    list-style: none;
    padding: 6px 0;
    display: flex;
    align-items: center;
}

.menu-two-items li a {
    display: flex;
    align-items: center;
    gap: 8px;            /* space between icon and text */
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.menu-two-items li i {
    font-size: 18px;
}
.megamenuimage{
   width: 200px;
height: 100px; 
}
.uc-navbar-parent-icon * {
    stroke: white !important;
}




















    :root{
              --black:#000;
              --red:#e41e26;
          }
          
          /* HEADER */
          .nav-menu{
              list-style:none;
              display:flex;
              gap:26px;
              margin:0;
              padding:0;
          }
          .nav-menu li{
              cursor:pointer;
              position:relative;
              white-space:nowrap;
          }
          .nav-menu li.active::after{
              content:"";
              position:absolute;
              left:0;
              bottom:-22px;
              width:100%;
              height:4px;
              background:var(--red);
          }
          .edition span{
              background:#fff;
              color:#000;
              padding:3px 8px;
              border-radius:20px;
              margin-left:6px;
          }
          .icon{
              text-align:center;
              font-size:18px;
              position:relative;
          }
          .icon small{
              display:block;
              font-size:10px;
          }
          .bell .count{
              position:absolute;
              top:-6px;
              right:-6px;
              background:red;
              font-size:10px;
              padding:2px 5px;
              border-radius:50%;
          }
          .live{
              background:red;
              padding:4px 10px;
              font-size:12px;
              border-radius:3px;
          }
          .search-icon{
              font-size:20px;
              cursor:pointer;
          }
          
          /* SEARCH */
          .search-bar{
              display:none;
              background:#fff;
              border-bottom:1px solid #ddd;
          }
          .search-inner{
              display:flex;
              align-items:center;
              gap:12px;
              padding:10px 0;
          }
          .search-inner input{
              flex:1;
              padding:12px;
              font-size:16px;
          }
          .close-search{
              font-size:26px;
              cursor:pointer;
          }
          
          /* SIDEBAR */
          .sidebar{
              position:fixed;
              top:0;
              left:-320px;
              width:320px;
              height:100%;
              background:#000;
              color:#fff;
              padding:20px;
              transition:0.3s;
              z-index:1000;
          }
          .sidebar-header{
              display:flex;
              justify-content:space-between;
              align-items:center;
          }
          .sidebar-logo{height:38px}
          .close-btn{font-size:26px;cursor:pointer}
          
          .sidebar-menu{
              list-style:none;
              padding:0;
              margin-top:20px;
          }
          .single{
              padding:14px 0;
              border-bottom:1px solid #333;
          }
          
          .dropdown-head{
              display:flex;
              justify-content:space-between;
              padding:14px 0;
              border-bottom:1px solid #333;
              cursor:pointer;
          }
          .dropdown-head i{transition:0.3s}
          .dropdown-body{
              max-height:0;
              overflow:hidden;
              transition:max-height 0.35s ease;
              background:#111;
          }
          .dropdown-body li{
              padding:12px;
              border-bottom:1px solid #222;
              font-size:14px;
          }
          .dropdown.active .dropdown-body{max-height:500px}
          .dropdown.active .dropdown-head i{transform:rotate(180deg)}
          
          /* OVERLAY */
          .overlay{
              position:fixed;
              inset:0;
              background:rgba(0,0,0,.6);
              display:none;
              z-index:900;
          }
          
          /* 📱 MOBILE */
          @media(max-width:576px){
              .sidebar{width:100%;left:-100%}
              .logo{height:36px}
          }
          
          /* 📱 TABLET */
          @media(max-width:992px){
              .nav-menu{display:none}
          }
          
          /* NEWS STYLES */
          .news-main-title {
              font-size: 18px;
              font-weight: 700;
              line-height: 1.3;
              margin-bottom: 15px;
              color: #000;
              text-decoration: none;
          }
          
          .news-main-img {
              width: 100%;
              border-radius: 6px;
              margin-bottom: 10px;
          }
          
          .news-main-desc {
              font-size: 15px;
              color: #333;
              line-height: 1.6;
          }
          
          .news-row-item {
              display: flex;
              gap: 10px;
              margin-bottom: 14px;
              border-bottom: 1px solid #eee;
              padding-bottom: 10px;
          }
          
          .news-row-img {
              width: 110px;
              height: 70px;
              object-fit: cover;
              border-radius: 4px;
              flex-shrink: 0;
          }
          
          .news-row-title {
              font-size: 15px;
              font-weight: 600;
              line-height: 1.4;
              color: #000;
          }
          .news-row-title a{
            text-decoration: none;
              color: #000;
          }
          
          .news-side-title {
              font-size: 15px;
              font-weight: 600;
              padding: 10px 0;
              border-bottom: 1px solid #e5e5e5;
              line-height: 1.4;
          }
           .news-side-title a{
color: black;
text-decoration: none;
          }
          
          @media (max-width: 768px) {
              .news-main-title {
                  font-size: 22px;
              }
              .trending-label{
                  width: 100%;
                  display: block;
              }
              .news-row-img {
                  height: auto;
              }
          }
          
          .bn-wrapper {
              width: 100%;
              background: #ffffff;
              border-bottom: 1px solid #eee;
          }
          
          .bn-breaking {
              max-width: 1300px;
              margin: 12px auto;
              background: #e60000;
              color: #fff;
              display: flex;
              align-items: center;
              gap: 16px;
              padding: 10px 16px;
              border-radius: 50px;
              position: relative;
              transition: all 0.3s ease;
          }
          
          .bn-breaking.bn-hide {
              display: none;
          }
          
          .bn-label {
              font-weight: bold;
              font-style: italic;
              white-space: nowrap;
              padding: 4px 14px;
              border-radius: 30px;
              background: #d10000;
          }
          
          .bn-text {
              flex: 1;
              font-size: 16px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
          }
          
          .bn-close {
              font-size: 22px;
              cursor: pointer;
          }
          
          /* TAG SLIDER */
          .bn-tags-wrapper {
              max-width: 1300px;
              margin: 0 auto 12px;
              display: flex;
              align-items: center;
              gap: 8px;
              padding: 0 10px;
          }
          
          .bn-arrow {
              background: #f1f1f1;
              border-radius: 50%;
              width: 32px;
              height: 32px;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              flex-shrink: 0;
          }
          
          .bn-tags {
              display: flex;
              gap: 10px;
              overflow-x: auto;
              scrollbar-width: none;
              -ms-overflow-style: none;
              flex: 1;
          }
          
          .bn-tags::-webkit-scrollbar {
              display: none;
          }
          
          .bn-tag {
              padding: 8px 16px;
              border: 1px solid #dcdcdc;
              border-radius: 20px;
              white-space: nowrap;
              font-size: 14px;
              cursor: pointer;
              background: #fff;
              transition: all 0.2s ease;
          }
            .bn-tag a{
color: #000;
text-decoration: none;
            }
          
          .bn-tag:hover {
              background: #f5f5f5;
          }
          
          @media (max-width: 768px) {
              .bn-label {
                  border-radius: 0px;
              }
              
              .bn-breaking {
                  border-radius: 0px;
              }
              .bn-text {
                  font-size: 14px;
              }
              .bn-label {
                  font-size: 13px;
              }
          }
          
          body{
              margin:0;
              font-family:Arial, Helvetica, sans-serif !important;
          }
          
          .trending-bar {
              display: flex;
              align-items: center;
              gap: 10px;
              overflow-x: auto;
              padding: 10px 0;
          }
          .trending-bar::-webkit-scrollbar { display: none; }
          
          .trending-label {
              font-weight: 700;
          }
          
          .trending-pill {
              padding: 6px 14px;
              border: 1px solid #ccc;
              border-radius: 20px;
              white-space: nowrap;
              font-size: 14px;
              background: #fff;
              cursor: pointer;
          }

           .trending-pill a{
            color:#000;
            text-decoration: none;
          }
          
          /* SECTION HEAD */
          .section-head {
              font-size: 18px;
              font-weight: 700;
              margin-bottom: 10px;
              display: flex;
              align-items: center;
              gap: 6px;
          }
          
          /* LEFT NEWS */
          .left-news-item {
              padding: 12px 0;
              border-bottom: 1px solid #eee;
              font-size: 15px;
              line-height: 1.5;
          }
              .left-news-item a{
color: #000;
text-decoration: none;
              }
          /* CENTER CARDS */
          .center-card {
              background: #eaf1ff;
              border-radius: 6px;
              overflow: hidden;
          }
          
          .center-card img {
              width: 100%;
              height: 160px;
              object-fit: cover;
          }
          
          .center-card-title {
              padding: 10px;
              font-size: 12px;
              font-weight: 600;
          }
          
          .center-card-title  a{
            color: black;
            text-decoration: none;
          }

          /* LIVE UPDATE */
          .live-box {
              border-left: 2px solid #eee;
              padding-left: 12px;
          }
          
          .live-item {
              padding: 10px 0;
              border-bottom: 1px solid #eee;
          }
          
          .live-time {
              font-size: 13px;
              color: #000;
              font-weight: 600;
          }
          
          .live-text {
              font-size: 14px;
              margin-top: 4px;
          }
            .live-text a {
              text-decoration: none;
color: #000;
            }
          
          @media(max-width:768px) {
              .live-box {
                  border-left: none;
                  padding-left: 0;
              }
          }
          
          .nav-menu li a{
            color: white !important;
              text-decoration: none;
          }