/* Base Styles */
*{box-sizing: border-box;}
body {margin: 0; padding: 0;font-size: 18px;line-height: 26px; font-family: "Noto Sans", sans-serif;font-weight: 400;}
.container {max-width: 1200px; margin: 0 auto; width: 100%;padding: 0 12px;}
img{max-width: 100%;}
a{text-decoration: none;color: #000;}
.text-center{text-align: center;}
.section_common{margin: 0 0 35px;}
.margin_top30{margin-top:30px ;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.marginTB_30{margin: 30px 0;}
/* Header css */
.header {width: 100%;position: sticky;z-index: 3;top: -42px;background-color: #fff;box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);}
.nav_container {background: #002765; position: relative; height:56px; min-height:56px; }
.top_headerLink {padding: 6px 0; height:42px;}
.top_navDomain {display: flex;gap: 15px;}
.top_navDomain a {font-size: 12px; font-weight: 700; line-height:1;font-family: Arial, sans-serif; transition: all 0.5s ease; }
.top_navDomain a:first-child {color: #000;}
.top_navDomain a:hover{color: #e60a0a;}
.time_dateTop {font-size: 12px;font-weight: 700;color: #002765;}
.top_headerLink .container {display: flex;align-items: center;justify-content: space-between;}
.nav_container .lft_nav{width: 260px;
    display: flex;
    gap: 17px;
    align-items: center;}
.nav_container .lft_nav a {display: inline-block;}
.nav_container .lft_nav a img{display: block; object-fit: contain;}
.nav_container .container {display: flex;flex-wrap: wrap; align-items: center; height: 56px; min-height: 56px;}
.nav_container .rgt_nav {
    width: calc(100% - 260px);
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navLink {
    padding: 0 0 0 18px;
    list-style: none;
    color: #fff;
    margin: 0;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
	height:100%;
	align-items: center;
	min-height: 48px;
}
.navLink .navItem {
    color: #fff;
    position: relative;
    transition: all 0.5s ease;
    padding: 10px;
    display: inline-block;
    font-size: 15px;
	line-height:27px;
}
.drop_down{
    padding-right: 32px !important;
}
.navLink .navItem:hover:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #ff0000, #e60a0a);
    bottom: 0;
} 
.navLink .active:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(to right, #ff0000, #e60a0a);
    bottom: 0;
}  
.arrow-down {
    color: #fff;
    position: absolute;
    display: block;
    top: 50%;
    right: 8px;
    cursor: pointer;
    margin-top: -9px;
}
.navLink .navItem:hover {
    background-color: #001538;}
.navLink li {
    position: relative;}
.content_dropDown {
    position: absolute;
    border: 1px solid #ddd;
    width: 300px;
    padding: 10px;
    border-radius: 0 0 6px 7px;
    background-color: #ddd;
    transition: all 0.5s ease;
	/* display: none; */
	opacity: 0;  /* Initially hidden */
    visibility: hidden;  /* Prevent interaction */
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
.item_hoverBox:hover .content_dropDown {
/*     display: block; */
	opacity: 1;
    visibility: visible;
}
.other_linksPages {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    font-size: 16px;
    list-style: none;
}
.other_linksPages li {
    width: 50%;
    padding: 0 0 5px;
}
.searchBar a{
    display: inline-block;
    padding: 0 4px;
}
.searchBar a svg {
    color: #fff;
    width: 25px;
}
.other_linksPages li a:hover {
    color: #e60a0a;
    font-weight: 500;
}
/* Popup overlay styles */
#popupSearch {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 22;
}
#popupSearch .popup-content {
    background: #fff;
    padding: 20px;
    max-width: 1200px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
} 
#popupSearch .search-button{
    cursor: pointer;
    background: #d70012;
    border: 0;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 30px;
    border-radius: 0px 5px 5px 0;
}
#searchform {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
}
.secarch-body {
    width: 100%; 
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 60px;
}
.secarch-search {
    width: calc(100% - 150px);
    position: relative;
    margin-top: 0;
    margin-right: 0px;
}
.form-controll {
    width: 100%;
    height: 38px;
    font-size: 17px;
    outline: none;
    border: 1px solid #bfbdbd;
    background: #fafafa;
    padding: 18px 45px;
    border-radius: 5px 0px 0px 5px;
}
.input-search-icon {
    position: absolute;
    left: 0px;
    width: 24px;
    top: 8px;
}
.input-search-icon svg {
    fill: #9cafcd;
    width: 18px;
    height: 18px;
    position: absolute;
    cursor: pointer;
}
.listSearch {
    list-style: none;
    margin: auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.listSearch a {
    color: #000;
    border: 1px solid #808080;
    padding: 5px 13px;
    background-color: #f5f5f5;
    font-size: 16px;
    border-radius: 13px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.5s ease;
} 
.listSearch a:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}
.tagSearch {
    padding: 15px 60px;
}
.cross_Search {
    padding: 0 60px;
    text-align: right;
}
.cross_Search #closePopupSearch{
    display: inline-block;
    cursor: pointer;
}
/* Hamburger Icon */
.hamburger { 
    width: 30px; 
    cursor: pointer;
    z-index: 1001; 
	display:block;
	height:auto;
}
.hamburger .line {
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
    transition: 0.4s;
}
.hamburger .line:first-child { 
    margin-top: 0; 
}
.hamburger .line:last-child { 
    margin-bottom: 0; 
}
/* Overlay Styling */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* Hidden by default */
    z-index: 5;
}
/* Sidebar Styling */
.sidebar {
    width: 300px;
    height: 100vh;
    background-color: #002866;
    color: #fff;
    transition: transform 0.4s ease;
    transform: translateX(-100%);
    padding-top: 20px;
    position: absolute;
    z-index: 4;
    overflow: hidden;
    overflow-y: scroll;
}
/* Sidebar Slide-in Effect */
.overlay.show .sidebar {
    transform: translateX(0);
}
/* Sidebar Header */
.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 10px;
}
/* Logo Styling */
.logo {
    width: 100px;
    height: auto;
}
/* Close Button Styling */
.close-btn {
    cursor: pointer;
}
/* Sidebar Menu */
.sidebar ul {
    list-style: none;
    padding: 0 0;
    margin: 0;
}
.sidebar ul li {
    padding: 10px 0px;
    border-bottom: 1px solid #d2d1d1;
}
.sidebar ul li a {color: #d2d1d1;text-decoration: none; font-size: 18px; font-weight:500; padding: 0 15px;}
.accordion-container {width: 80%; margin: 50px auto; border: 1px solid #ddd; border-radius: 5px; overflow: hidden;}
.accordion-title {
    cursor: pointer;
    color: #d2d1d1;
    font-size: 16px;
    position: relative;
    padding: 0 14px;
    padding-right: 20px; 
}
.accordion-title::after {
    content: '';
    color: #d2d1d1;
    position: absolute;
    right: 10px;
    top: 20px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    border-style: solid;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
}
.accordion-title.active::after{transform: translateY(-50%) rotate(180deg);}
.active_sideBar{background-color: #001538;}
.accordion-content {display: none; padding: 15px; background-color: #001538;color: #fff;font-size: 15px;}
.accordion-content p {margin: 0;}
.accordion-content a {font-size: 16px !important;padding: 0 15px 8px 0 !important; width: calc(50% - 15px); display: inline-block;}
/* Breaking News Css */
.breaking_inner {display: flex;align-items: center; 
/* 	background-color: #e60a0a;  */
	background-color: #c20000;
	color: white; padding: 10px 20px;border-radius: 30px;}
.breaking-lft h2 {margin: 0; font-size: 17px;font-weight: bold;}
.breaking-rgt a {color: white; font-size: 16px;font-weight: 600; display: inline-block;}   
.breaking_main {margin: 25px 0 15px; min-height:96px;}
.breaking-lft {max-width: 150px; width: 100%; border-right: 1px solid #c8b8b8; margin-right: 12px;}
.breaking-rgt {max-width: calc(100% - 171px); width: 100%;}
/* Breaking End */
/* Trending Topic */
.topTrend_inner a {
    background: #f6f6f6;
    border: 1px solid #c4132a;
    color: #c4132a;
    border-radius: 20px;
    padding: 2px 14px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}
.trendingTopic {padding: 0 40px; margin:15px 0 15px;}
.topTrend_inner .owl-nav {position: absolute;top: 0;width: 100%;}
.topTrend_inner .owl-nav button span {
    width: 25px;
    height: 25px;
    background-color: #002765;
    border-radius: 50%;
    display: inline-block;
    font-size: 25px;
    color: #fff;
    line-height: 20px;
    box-shadow: 0px 2px 3px 0px #000;
    margin-top: -17px;
}
.topTrend_inner .owl-nav .owl-prev {left: -28px;position: absolute;}
.topTrend_inner .owl-nav .owl-next {right: -28px;position: absolute;}
.topTrend_inner .owl-prev.disabled, .topTrend_inner .owl-next.disabled {display: none;}
.topTrend_inner .owl-nav button {
    height: 30px;
    line-height: 30px !important;
}
/* Trending Topic End */

.common_mainBox {
    display: flex;
    flex-wrap: wrap;
}
.common_mainBox .lft { max-width: calc(100% - 300px); width: 100%; padding: 0 25px 0 0; position: relative;
    z-index: 2; background:#fff;}
.common_mainBox .rgt {max-width: 300px; width: 100%; background-color:#fff; position: relative;
    z-index: 1;}
.innerTopNews {display: flex;}
.innerTopNews .top_LftNews {
    max-width: 500px;
    width: 100%;
    padding: 0 15px 0 0;
}
.innerTopNews .top_RgtNews {
    max-width: calc(100% - 500px);
    width: 100%;
}
.news_listing {
    list-style: none;
    padding: 0;
    margin: 0;
}
.news_listing li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
}
.news_listing li a {
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}
.news_listing li a .thumb {
    min-width: 130px;
    width: 100%;
    max-width: 130px; 
    min-height: 74px;
}
.news_listing li a  h3 {
    margin: -3px 0 0;
    padding: 0 0 0 10px;
    font-size: 18px;
    color: #222;
    font-weight: 600;
}
.innerTopNews .top_RgtNews .news_listing li a h3 {
    height: 76px;
    overflow: hidden;
} 
.top_LftNews .news_listing li a h3 {
    height: 79px;
    overflow: hidden;
}
.bigFrame {
    margin: 0 0 20px;
}
.bigFrame a {
    position: relative;
    width: 100%;
    display: block;
}
/* .bigFrame a:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute
} */
.bigFrame h2 {
    position: absolute;
    bottom: 0;
    margin: 0;
    color: #fff;
    padding: 30px 12px 10px;
    font-size: 20px;
    line-height: 30px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 1) 100%);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); /* improves readability */
}

.bigFrame a img {
    display: block;  
}
.news_listing li:last-child {
    border-bottom: 0px solid #ddd;
	margin: 0;
    padding: 0;
} 
.news_listing li a:hover h3 {
    color: #e60a0a;
}
.heading {
    margin: 0 0 20px;  
    position: relative;
    font-size: 24px;
    font-weight: 700;
    border-left: 4px solid #e60a0a;
    line-height: 24px;
}
.heading:before {
    border-bottom: 3px solid #bcbcbc;
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%
}
.heading span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding: 0 8px;
    transition: all 0.5s ease;
    color: #000
}
.heading span:hover{
    color: #002765
}
.heading_block {
    position: relative
} 
.in-text-items {
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 16px;
    font-weight: 500;
}
.in-text-items a {
    color: #e60a0a;
} 
.in-text-items .arrow svg {
    height: 12px;
    width: 13px;
    fill: #e60a0a;
}
.shortVideo_homePage {
    margin: 20px 0 10px;
	width:100%;
}
.innerSv {
    background: linear-gradient(135deg, #002765, #0041a8);
    padding: 10px;
    border-radius: 4px;
}
.shortVideoBox {
  position: relative;
  border: 1px solid #fff;
  border-radius: 4px;
  overflow: hidden;
}
.sv_play_btn {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  align-items: center;
}
.shortVideoBox p {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  line-height: 17px;
  position: absolute;
  bottom: 0;
}
.shortVideoBox:before{    
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  transition: all 0.35s ease;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
}
.shortVideoBox:hover:before{
    opacity: 0.4;
}
.shortVideoBox a img {
    height: 246px;
}
.shortVideo_Slider .owl-nav .owl-next {
    right: -7px;
}
.shortVideo_Slider .owl-nav button span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #C9C9C9;
    cursor: pointer;
    display: inline-block;
    line-height: 17px;
    color: #002765;
    font-weight: 600;
    font-size: 25px;
    background-color: #fff;
} 
.shortVideo_Slider .owl-nav .owl-prev {
    left: -7px; 
}
.shortVideo_Slider .owl-nav button {
    position: absolute;
    margin-top: -13px;
    top: 50%;
	height: 30px;
    line-height: 29px !important;
}
.videoSection {
    background: #002765;
    padding: 25px 0;
}
.videoSection .heading span {
    background-color: #002765;
    color: #fff;
}
.videos_Block {display: flex;flex-wrap: wrap;}
.full_listFrame {
    list-style: none;
    margin: 0;
    padding: 0;
}
.videos_Block .lft {
    width: 100%;
    max-width: 18%;
    margin-right: 35px;
}
.videos_Block .middle {
    width: 100%;
    flex: 0 0 58%;
    max-width: 58%;
    padding: 0px 38px 0;
    border-left: 1px solid #756e6e;
    border-right: 1px solid #756e6e;
    padding-top: 10px;
}
.videos_Block .rgt {
    width: 100%;
    max-width: 18%;
    margin-left: 35px;
}
.full_listFrame a {
    color: #fff;
    position: relative;
}
.full_listFrame li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #756e6e;
}
.full_listFrame li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0px solid;
}
.full_listFrame h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0 0;
    line-height: 24px;
}
.full_listFrame a .thumb {
    position: relative;
}
.full_listFrame a .thumb img {
    width: 100%;
    display: block;
}
.full_listFrame .play_detail {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 7px;
    font-size: 14px;
}
.full_listFrame .play_detail svg {
    width: 20px;
    height: 20px;
}
.full_frameVideo a {
    position: relative;
}
.full_frameVideo a h3 {
    position: absolute;
    bottom: 0;
    font-size: 19px;
    padding: 15px 86px 10px 15px;
    z-index: 1;
}
.full_frameVideo a:before {
    top: 0;
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(180, 180, 180, 0) 50%, rgba(0, 0, 0, 1) 100%);
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.full_frameVideo .play_detail {
    right: 0;
    z-index: 1;
}
.webStories .innerBlock {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 16px 0px;
}
.webStories_slider{
    padding: 0 20px;
}
.webStories_slider h3 {
    padding: 5px 8px;
    font: 600 14px / 20px 'Noto Sans', sans-serif;
    margin: 0;
    overflow: hidden;
    height: 67px;
}
.webStories_slider a {
    display: block;
    width: 100%;
    border: 1px solid #e3e3e3;
}
.webStories_slider a .thumb {
    height: 180px;
    width: 100%;
    position: relative;
}
.webStories_slider a .thumb img {
    height: 100%;
}
.webStories_slider .owl-nav .owl-next {
    right: 8px;
}
.webStories_slider .owl-nav button span {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #C9C9C9;
    cursor: pointer;
    display: inline-block;
    line-height: 17px;
    color: #002765;
    font-weight: 600;
    font-size: 25px;
    background-color: #fff;
} 
.webStories_slider .owl-nav .owl-prev {
    left: 8px; 
}
.webStories_slider .owl-nav button {
    position: absolute;
    margin-top: -13px;
    top: 50%;
}
.webStories_slider a .thumb:before {
    z-index: 8888;
    bottom: 0px;
    content: "";
    position: absolute;
    background: linear-gradient(to right, #A5A5A5 50%, rgba(255, 255, 255, 0) 0%);
    background-repeat: repeat-x, repeat-y;
    background-size: 12px 2px, 1px 10px;
    height: 10px;
    left: 10px;
    right: 10px;
}
.webStories_slider a .thumb:after {
    content: '';
    background: transparent linear-gradient(1deg, #000000B3 0%, #54545400 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 0px;
    height: 52px;
    left: 0;
    right: 0;
}
.right_ListingBlock {
    list-style: none;
    margin: 0;
    padding: 0;
} 
.right_ListingBlock li:last-child {
    border-bottom: 0px solid #ddd;
}
.right_ListingBlock li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
}
.right_ListingBlock li a {
	display: flex;
    width: 100%;
    transition: all 0.5s ease;
    align-items: flex-start;
}
.right_ListingBlock li .thumb {
	max-width: 110px;
    min-width: 110px;
    width: 100%;
    transition: all 0.5s ease;
}
.right_ListingBlock li img { 
    border-radius: 4px;
    transition: all 0.5s ease; 
}
.right_ListingBlock li h3 {  
	margin: -1px 0 0;
    padding: 0 0 0 10px;
    font-size: 16px;
    color: #222;
    font-weight: 600;
    height: 64px;
    line-height: 21px;
    overflow: hidden;
}
.right_ListingBlock li a:hover .thumb img {
    transform: scale(1.04);
}
.right_ListingBlock li a:hover h3 {
    color: #e60a0a;
}
/* Basic styling for tab menu */
.tab-menu {
    cursor: pointer;
    margin: 0px;
    padding: 0px 15px;
    list-style: none;
    display: flex; 
    padding-right: 0px;
    background-color: #002765;
    width: 100%;
}
.tab-menu .tab {
    margin-right: 3px;
    padding: 6px 8px;
    background-color: transparent;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none;
    text-align: center;
    flex-grow: 1;
    max-width: 100px;
    color: #ffffff;
    font-size: 15px;
}

.tab-menu .tab.active {
    background-color: #f80101 !important;
    color: #fff;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    margin-top: 4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px;
    line-height: 24px;
}
.tab-menu .tab:hover {
    background-color: #f80101;
    margin-top: 3px;
    padding-bottom: 0px;
    line-height: 19px;
}


.content_post table {
    width: 100%;
    border-collapse: collapse;
	margin-bottom:20px;
}
.content_post table th,
.content_post table td {
    border: 1px solid #ddd; 
    padding: 6px;
    text-align: left;
	width: auto !important;
    height: auto !important;
}

/* Styling for tab content */
.tab-content {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 0 0 4px 4px;
}
.tab-pane {
    display: none;
}
.tab-pane.active {
    display: block;
} 
/* News cards layout */
.news-cards { 
    margin: 0 0 20px;
}
.news-card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin: 0 0 5px;
}
.news-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* Image section */
.news-image img {
    width: 100%;
    height: auto;
    display: block;
}
/* Content section within each card */
.news-content {
    padding: 10px;
    text-align: left; 
}
.news-heading {
    font-size: 18px;
    margin: 0 0 1px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
}
.news-summary {
   font-size: 14px;
    margin: 0;
    line-height: 21px;
    height: 43px;
    overflow: hidden;
}
.news-card .news-image {
    position: relative;
    width: 100%;
}
.news-card .news-image:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
}
.state_news .news_listing {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.state_news .news_listing li {
     border-bottom: 0px solid;
     margin: 0;
     padding: 0;
     width: 32%;
}
.state_news .thumb {
    min-width: 90px !important;
    max-width: 90px !important;
    width: auto !important; 
}
.state_news h3 {
    font-size: 14px !important;
    line-height: 22px;
    margin: -3px 0 0 !important;
    height: 68px;
    overflow: hidden;
}
.sports_block {
    border: 10px solid #002765;
    background-color: #f6f6f6;
    padding: 10px;
}  
.sports_block .news_listing li:last-child {
    margin: 0;
    padding: 0;
}
.bigImgText {
    width: 100%;
    margin-bottom: 20px;
}
.bigImgText ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.bigImgText ul h3 {
    margin: 0;
    padding-left: 15px;
    flex: 0 0 calc(100% - 227px);
    max-width: calc(100% - 227px);
    color: #000;
    font-size: 22px;
    line-height: 30px;
}
.bigImgText ul a {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.thmbbig {
    width: 100%;
    max-width: 227px;
    position: relative;
}
.thmbbig img {
    display: block;
    width: 227px;
    height: 127px;
}
.breadCrum_main{
    margin-bottom: 20px;
}
.breadcrum{
    margin: 0;
    padding: 0;
    overflow: scroll;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrum li {
    display: inline;
    position: relative;
}
.breadcrum li::after {
    content: " / ";
    padding: 0 5px;
}
.breadcrum li:last-child::after {
    content: ""; 
} 
.breadcrum li:last-child span{
    display: inline-block;
    background-color: #002765;
    color: #fff;
    padding: 0 5px;
    margin-right: 0px;
}
.breakingNews h2 {
    margin: 0 0 20px;
    font-size: 22px;  
    line-height: 28px; 
}
.breakingNews ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.breakingNews ul li {
    width: 100%;
    border-top: 1px solid #e0e0e0;
    padding: 18px 0px;
    color: #000;
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
}
.breakingNews ul li .time_post {
    padding-right: 12px;
    color: #e60a0a;
}
.story-heading {
    width: 100%; 
    margin:10px 0 7px;
}
.story-heading h1{
    font-size: 32px;
    line-height: 42px;
    color: #000;
}
.sabHead{
    width: 100%; 
    margin:0 0 15px; 
}
.sabHead h2{
    font-size: 18px;
    color: #333333; 
    line-height: 30px;
    font-weight: 400;
}
.feature_thumb{
    background-color: #f4f4f4;
}
.story_discription{
    display: block;
    width: 100%;
    color: #888; 
    font-weight: 400; 
    font-size: 14px;
    padding: 5px;
}
.user_detail {
    width: 100%;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.detail_user ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.detail_user ul li {
    padding: 0 5px 0 0;
    display: inline-flex;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.share-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    color: #000;
    transition: color 0.3s;
}
.social_share {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: flex-end;
}
.share-icon:hover {
    color: #0073e6;
} 
.user_icon {
    display: flex;
}
.user_pic {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #002765;
  margin-right: 10px;	
}
.user_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.detail_user {
    width: calc(100% - 58px);
}
.content_post {
    color: #333333;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 20px;
}
.content_post p {
    margin: 0 0 15px;
}
.content_post h2, .content_post h3, .content_post h4 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 4px;
	font-weight:600;
}
.content_post h2 strong, .content_post h3 strong, .content_post h4 strong { 
	font-weight:700;
}
.content_post p a {
    color: #e60a0a; 
}
.category_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
    padding: 0 0 15px;
    margin: 0 0 15px;
}
.categoryBody {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 15px;
    margin: 0 0 16px;
}
.categoryBody .thumb {
    width: 300px;
    height: 100%;
    margin-right: 15px;
    position: relative;
}
.categoryDetail {
    width: calc(100% - 315px);
}
.categoryDetail h2 {
    font-size: 22px;
    color: #000;
    margin-top: -4px;
    margin-bottom: 5px;
    line-height: 30px;
}
.categoryDetail h6 {
    font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight: normal;
}
.categoryDetail p {
    font-size: 17px;
    color: #333;
    margin-bottom: 0px;
    line-height: 27px;
    height: 83px;
    overflow: hidden;
    font-weight: 500;
}
.category_header .social_share {
    margin: 0;
}
.webStory-layout {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.webStory-layout li {
    display: flex;
    flex-direction: column;
    width: 33%;
    margin: 0 0 33px;
    padding: 0 15px 10px;
}
.webStory-layout .thumb {
    margin: 0 0 10px;
    text-align: center;
    display: block;
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    height: 300px;
	position:relative;
}
.webStory-layout .thumb:before {
    z-index: 8888;
    bottom: 0px;
    content: "";
    position: absolute;
    background: linear-gradient(to right, #A5A5A5 50%, rgba(255, 255, 255, 0) 0%);
    background-repeat: repeat-x, repeat-y;
    background-size: 12px 2px, 1px 10px;
    height: 10px;
    left: 10px;
    right: 10px;
}
.webStory-layout .thumb:after {
    content: '';
    background: transparent linear-gradient(1deg, #000000B3 0%, #54545400 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 0px;
    height: 52px;
    left: 0;
    right: 0;
}
.webStory-layout .cater_name {
    color: #ce0107;
    font-weight: 800;
    margin: 0 0 7px;
    line-height: 20px;
}
.webStory-layout h3 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 24px;
    margin: 0 0 10px;
    min-height: 40px;
}
.webStory-layout p {
    font-size: 14px;
    font-weight: 500;
    background: #f1f1f1;
    padding: 6px 12px;
    color: #4e4e4e;
    border-radius: 5px;
}
.webStory-layout .thumb img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    display: block;
}
.profile_Author {
    background: #f3f7fd;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .16);
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #c7dbf7;
    margin: 20px 0;
	display: flex;
    flex-wrap: wrap;
}
.profile_Author .profileIMG span {
    width: 160px;
    height: 160px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #b7b4b4
}
.profile_Author .profileIMG span img {
    height: 100%;
    width: 100%
}
.profile_Author h1 {
    font-size: 20px;
    margin: 0 0 5px;
	color: #e60a0a;
}
.profile_Author h4 {
    font-size: 16px;
    font-weight: 500
}
.profile_Author p {
    font-size: 15px;
}
.profile_Author .profileIMG {
    width: 170px;
}
.profile_Author .rgt {
    width: calc(100% - 170px);
    padding: 0 0 0 10px;
}

.category_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.category_inner .repeat_block {
    padding: 0 0 7px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ddd;
}
.category_inner .repeat_block a {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.category_inner .repeat_block a .articlelistImg {
    max-width: 300px;
    width: 100%;
}
.category_inner .repeat_block .articlelistText {
    max-width: calc(100% - 300px);
    width: 100%;
    padding: 0 0 0 20px;
}
.category_inner .repeat_block .articlelistText h3 {
    font-size: 18px;
    margin: -4px 0 4px;
    font-weight: 500;
}
.date {
    font-size: 14px;
    color: #8f8888;
    margin: 0 0 7px;
}
.category_inner .repeat_block .articlelistText p {
    font-weight: 300; 
}
.category_inner .repeat_block:hover h3, .category_inner .repeat_block:hover .ReadMore {
    color: red;
}
.sideBarInner .bnrSideNews {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 0 0 7px;
}
.sideBarInner .bnrSideNews a {
    display: flex;
}
.sideBarInner .bnrSideNews a span {
    min-width: 100px;
    max-width: 100px;
    margin-right: 10px;
}
.sideBarInner .bnrSideNews a h4 {
    height: 78px;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    margin: -3px 0 0;
}
.sideBarInner .bnrSideNews:last-child {
    border-bottom: 0px solid #ddd;
    margin: 0 0 10px;
    padding: 0;
}
.sideBar .rgtSideAdert_main {
    margin-bottom: 20px;
}
.artttl {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 20px;
}
.play_Utube {
    width: 100%;
    padding-top: 56.3%;
    position: relative;
    margin: 0 0 20px;
}
.play_Utube iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.related_Block {
    margin: 40px 0 0;
}
.ctgrlst {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.ctgrlst li {
    max-width: calc(281px - 15px);
    width: 100%;
    margin: 0 0 13px;
}
.ctgrlst li figure {
    margin: 0;
}
.mobile_show{
		display:none;
}
.owl-dot {
    position: relative; /* Ensures ::before pseudo-element positions relative to the dot */
}
.owl-dot span {
    display: inline-block;
    width: 14px; /* Keep the visual size the same */
    height: 14px; /* Same as above */
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 8px; /* Ensure sufficient spacing between dots */
    z-index: 1; /* Keep the span on top of the pseudo-element */
}

.owl-dot.active span {
    background-color: red;
}
.owl-dot::before {
    content: "";
    position: absolute;
    top: -17px; /* Adjust to center the touch area */
    left: -17px;
    width: 48px; /* Define touch area width */
    height: 48px; /* Define touch area height */
    border-radius: 50%; /* Match the shape of the dot */
    background: transparent; /* Keep it invisible */
    z-index: 0; /* Place below the span for interaction only */
}
/* Optional: Add hover and focus states */
.owl-dot:hover::before,
.owl-dot:focus::before {
    background-color: rgba(136, 136, 136, 0.1); /* Highlight on hover or focus (optional) */
}
.owl-dot span:hover,
.owl-dot span:focus {
    background-color: #888;
    outline: none; /* Remove default focus outline if undesired */
}
.owl-dots {
    text-align: center;
    margin:10px 0 0;
}
.video_inkhab {
    position: relative;
    padding-top: 56.6%;
}
.video_inkhab video {
    width: 100%;
    position: absolute;
    top: 0;
    height: auto;
}
.horoscope_box {
    padding-top: 100% !important;
}
.content_post ul li {
    padding: 0 0 8px;
}
.content_post ul {
    margin: 0 0 10px;
}
.related_news {
    width: 100%;
    height: auto;
    box-shadow: -2px 5px 8px #d7d7d7;
    margin-bottom: 25px;
    border: 1px solid #e6e6e6
}
.related_news .heading_Related {
    background-color: #f6f6f6;
    padding: 6px 15px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}
.related_news .related_newsSlider {
    padding: 15px
}
.news_list {
    list-style: none;
    margin: 0;
    padding: 0
}
.news_list li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #d7d2d2
}
.news_list li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0 solid
}
.news_list li a {
    width: 100%;
    display: flex;
    align-items: flex-start
}
.news_list li .thumb {
    min-width: 120px;
    max-width: 120px;
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}
.news_list li h3 {
    width: calc(100% - 110px);
    padding: 0 0 0 10px;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    height: 74px;
    overflow: hidden
}
.news_list li .thumb img {
    display: block;
    width: 120px;
    height: 68px
}
.common_arrow .owl-nav button {
    position: absolute;
    top: 50%;
    margin-top: -15px
}
.common_arrow .owl-nav button span {
    position: absolute;
    top: 50%;
    background-color: #e21b22;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 3;
    color: #fff;
    font-size: 28px;
    line-height: 25px
}
.common_arrow .owl-nav .owl-next {
    right: 21px
}
.common_arrow .owl-prev {
    left: -10px
}
.common_arrow .disabled {
    opacity: .5
}
.live-caption {
    display: block;
    color: #f51618;
    font-size: 14px;
    line-height: 24px;
    position:relative;
    padding: 0 0 0 23px;
}
 .live-caption:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    z-index: 2;
    animation: blink_3 2s ease-in-out infinite
}

.live-caption:after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #ffd3d0;
    border-radius: 50%;
    z-index: 1
}
@keyframes blink_3 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}
/* Footer css Start */
footer {
    background-color: #01040d;
    padding: 25px 0 0;
    color: #d2d1d1;
    font-size: 14px;
}
.copyRight {
    border-top: 1px solid #3d3d3d;
    padding: 12px;
    text-align: center; 
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
}
.footer-middle-list {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.footer-middle-list li {
    max-width: 187px;
    width: 100%;
}
.footer-middle-list li a {
    color: #d2d1d1;
    display: inline-block; 
    transition: all 0.5s ease;
    font-size: 15px;
	text-decoration: underline;
}
.footer-middle-list li a:hover{
    background-color: #d70000;
    color: #d2d1d1;
    padding: 0 6px;
}
.footer-middle-box h4 {
    margin: 0 0 5px;
    font-size: 20px;
    color: #e60a0a;
}
.top_footer {
    display: flex;
    justify-content: space-between;
}
.footer-middle-box {
    margin: 20px 0 20px;
    padding: 15px 0 15px;
    border-bottom: 1px solid #3d3d3d;
	border-top: 1px solid #3d3d3d;
}
.ftr_top {
    display: flex;
    flex-wrap: wrap;
}
.ftr_top .rgt_ftr {
    max-width: 250px;
    width: 100%;
}
.ftr_top .lft_ftr {
    width: calc(100% - 250px);
	padding-right: 20px;
}
/* New footer css Start */
.ftr_topNew{
	padding: 0 0 12px; 
	border-bottom: 1px solid #454a4e;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.interLinkTopFTR a {
	display: inline-block;
    color: #fff;
    margin: 0 40px 0 0;
    font-size: 12px;
    font-weight: 400;
	vertical-align:middle;
}
.copyRightNew { 
    padding: 12px;
    text-align: center;
    font-size: 12px;  
}
.footer-middel .middle_inner {
    border-bottom: 1px solid #454a4e;
    padding: 14px 0 13px;
    display: flex;
    flex-wrap: wrap;
}
.footer-middel .middle_inner .col_first {
    border-right: 1px solid #454a4e;
    width: 100%;
    flex: 0 0 27.95%;
    max-width: 27.95%;
}
.footer-middel .middle_inner .col_second {
    width: 100%;
    flex: 0 0 26.77%;
    max-width: 26.77%;
    padding-left: 15px;
    border-right: 1px solid #454a4e;
}
.footer-middel .middle_inner .col_third {
    width: 100%;
    flex: 0 0 29%;
    max-width: 29%;
    padding:0 15px;
    border-right: 1px solid #454a4e;
}
.footer-middel .middle_inner .col_fourth {
    width: 100%;
    flex: 0 0 16%;
    max-width: 16%;
    padding-left: 30px;
}
.heading_ftr{
	font-size: 13px;
    font-weight: 700;
    line-height: 14px;
    color: #fad369;
    text-transform: uppercase;
	padding:0 0 10px;
}
.listNew_ftr {
    list-style: none;
    padding: 0;
    margin: 6px 0 20px;
}
.listNew_ftr li {
    margin: 0 0 6px;
}
.listNew_ftr li a {
    font-size: 14px;
    color: #bbb;
}
.listNew_ftr li a:hover {
    color: #fff;
}
.innerFirst {
    display: flex;
    flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
.first-col_6 {
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
}
.two_part_ul {
    display: flex;
    flex-wrap: wrap;
}
.two_part_ul li {
    width: 100%;
    flex: 0 0 50%;
    max-width: 50%;
}
.footer_upper_bot {
    border-bottom: 1px solid #454a4e;
    padding: 14px 0 13px;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	gap:30px;
}
.social_ftr {
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    align-items: center; 
    justify-content: end;
}
.footer-middel .middle_inner .col_fourth img {
    width: 256px;
}
.new_social{
	margin:15px 0 0;
}
.new_social a {
    color: #bababa;
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.new_social a .social_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 36px;
    min-width: 36px;
    height: 36px;
    width: 36px;
    margin-right: 10px;
    border-radius: 50%;
    background: #212126;
}
.new_social .social_icon svg {
    color: #bababa;
}
.new_social a:hover {
    color: #fd7d02;
}
.new_social a:hover .social_icon { 
    background: #fd7d02;
}
.new_social a:hover .social_icon svg {
    color: #fff;
}
.call_box .iconSvg {
    height: 36px;
    width: 36px;
    margin-right: 10px;
    border-radius: 50%;
    background: #212126;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    cursor:pointer;
}
.call_box:hover .iconSvg{
     background: #fd7d02;
}
.call_box:hover a{
     color: #fd7d02;
}
.call_box a:hover {
    color: #fd7d02;
}
.new_social a:hover .social_icon { 
    background: #fd7d02;
}
.new_social a:hover .social_icon svg {
    color: #fff;
}
.call_box a{color: #fff;}
.call_box {
    display: flex;
    align-items: center;
}
/* New footer css End */
/* Footer css End */
/* Social media icons css */
.hdrtpshr {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
} 
.hdrtpshr a {
    display: block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 100%;
}
.hdrtpshr a {
    flex-shrink: 0;
    position: relative;
    border: 1px solid #fff;
}
.sprt {
    background: url(../images/sprite.png) 0 0 no-repeat;
    display: inline-block;
}
.sprt.fcbk {
    background-position: -20px -2px;
}
.sprt.twtr {
    background-position: -52px 0px;
}
.sprt.ytb {
    background-position: -83px -2px;
}
.sprt.inst {
    background-position: -116px -2px;
}
.sprt.wtsap {
    background-position: -147px -2px;
}
/* Social media icons css  End  */
.top_rightNav {
    display: flex;
    align-items: center;
    gap: 15px;
}
.top_rightNav .hdrtpshr {
    gap: 5px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    width: 100%
}
.pagination a, .pagination span {
   padding: 5px 11px;
    margin: 0 3px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px
}
.page-numbers.current {
    background: #e21b22;
    color: #fff;
}
.pagination a:hover {
    background-color: #f0f0f0;
    border-color: #bbb
}
.pagination a.active {
    background-color: red;
    color: #fff;
    font-weight: 700;
    pointer-events: none
}
.pagination .next {
    background-color: #333;
    color: #fff
}
.pagination .next:hover {
    background-color: #555
}
.pagination span {
    border: none;
    cursor: default;
    color: #999
}
/* advertSection css */
.flex_align{
	display: flex;
    width: 100%;
    justify-content: center;
}
.advertSection{
    min-height: 90px;
    margin: 0 auto 20px;
    background-color: #eaeaea;
    padding: 2px 0 7px;
    max-width: 1030px;
	width:100%;
    border-radius: 4px;
}
.advertText {
    font-size: 11px;
    color: #323232;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: block;
} 
.nomobileads {display:block;}
.onlymobileads {display: none;}
.rgtSideAdert_main{
    background-color: #eaeaea;
    min-height: 250px;
    width: 100%;
	padding: 5px 0;
}
.rgtSideAdert{
    width: 100%;display: flex;flex-wrap: wrap;justify-content: center;
}
.rgtSideAdert > div{
    display: flex; justify-content: center; 
}
@media (max-width: 728px) {
    .nomobileads {display:none; }
    .onlymobileads {display: block; }
}
@media (min-width: 729px) { 
    .onlymobileads {display:none;}
}
.single_pageBt_ad{
	border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
	display: inline-block;
	background-color: #eaeaea;
    min-width: 320px;
    width: 100%;
}
.live-blog {
    height: 330px;
    overflow-y: scroll;
    scrollbar-width: thin; 
    scrollbar-color: #002765 transparent; 
}
.live-blog::-webkit-scrollbar {
    width: 8px; 
    background-color: #002765; 
}
.live-blog::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}
.live-blog:hover::-webkit-scrollbar-thumb {
    background-color: #002765; 
}
.live-blog:hover::-webkit-scrollbar {
    background-color: #002765; 
}
/* advertSection css End */
.show-more {
	display: none;
	margin: 10px auto 0;
    background-color: #ec2027;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    border-radius: 24px;
}
.readMore_parent {
	display: none;
	background: linear-gradient(rgba(255, 255, 255, 0.05) 10%, rgb(255, 255, 255) 60%, rgb(255, 255, 255) 100%);
	width: 100%;
	margin: 0;
	position: relative;
	z-index: 6;
	top: -23px;
	padding: 15px 0 0;
}
.error-404 {
    text-align: center;
    padding: 50px;
}
.error-404 .page-title {
    font-size: 32px;
    color: #333;
    margin: 0 0 40px;
}
.error-404 .page-content {
    margin: 20px auto;
    max-width: 600px;
}
.return-home-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #d70000;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.arttgs {
    gap: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.arttgs h3 {
    color: #ec2027;
    font-size: 16px;
}
.arttgs a {
    font-size: 14px;
    background: #F5F5F5;
    line-height: 14px;
    display: inline-block;
    padding: 8px 11px;
    border-radius: 20px;
    border: 1px solid #eee;
}
.videos_Block .rgt h3, .videos_Block .lft h3 {
    height: 60px;
    overflow: hidden;
}
.live_blogRHS {
    border: 1px solid #d7d2d2;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #efefef
}
.live_heading {
    padding: 0 0 2px;
    margin: 0 0 10px;
    border-bottom: 1px dotted #b9b9b9
}
.live_heading a {
    position: relative;
    padding: 0 0 4px 24px;
    width: 100%;
    display: block;
}
.live_heading a:before {
    content: '';
    position: absolute;
    left: 4px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    z-index: 2;
    animation: blink_2 2s ease-in-out infinite
}

.live_heading a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #ffd3d0;
    border-radius: 50%;
    z-index: 1
}

@keyframes blink_2 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.7)
    }

    100% {
        transform: scale(1)
    }
}
.related_news ul {margin: 0;}
.editor_bnr{text-align:center;}
.editor_bnr img{border: 5px solid #e60a0a; display: block; margin: 0 auto 15px; border-radius: 5px;}
.pdImage {
    aspect-ratio: 16 / 9;  
    width: 100%;
    height: auto;
	display:block;
}
.topBlock-One {
    min-height: 630px; 
}
.featureImg {
    width: 100%;
    max-width: 900px;   
    aspect-ratio: 16 / 9; 
    margin: 0 auto;      
    line-height: 0;      
}
.featureImg img {  
	aspect-ratio: inherit;
}
.single_pageAdd .code-block {margin: 0 !important;}
 
.photoListing {
    padding: 25px 0;
}
.photo-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
	gap: 20px;
}
.photo-list figure {
    margin: 0;
    padding: 0;
    position: relative;
}
.photo-box {
    margin: 25px 0 0;
}
.photo-list .photo-item {
    max-width: calc(398px - 20px);
    width: 100%;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.photo-list figure figcaption {
    padding: 100px 32px 10px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent linear-gradient(180deg, rgb(44 45 49 / 0) 0, #000 100%) 0 0 no-repeat;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 30px; 
} 

.icon-box {
    background-color: #e60a0a;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 2px 10px;
    display: flex;
    gap: 6px;
    align-items: center;
}
.photo-list .photo-item a{
	width:100%;
	display:block;
	text-decoration:none;
}
.photo-list figure img {
    display: block;
    width: 100%;
    max-width: 378px;
    height: 284px;
    object-fit: cover;
}
.author_deatail {
    display: flex;
	flex-wrap: wrap;
    margin: 0 0 10px;
}
.author_deatail .authorName {
    font-size: 16px;
    color: #e60a0a;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}
.author_deatail .authorName span {
    display: inline-block;
}
.author_deatail .time {
    font-size: 14px;
    padding: 0 0 0 5px;
    color: #666;
}
.card_repeat {
    margin: 0 0 15px;
    padding: 0 0 15px;
	border-bottom: 1px solid #b9b9b9;
}
.card_repeat h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 10px;
}
.photodetail_Img {position: relative; margin-bottom:10px;}
.photodetail_Img img {
    width: 100%;
    display: block;
    position: relative;
}
.icon-count {
    background-color: #e60a0a;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 2px 10px;
    display: flex;
    gap: 2px;
    align-items: center;
    border-radius: 4px;
    font-size: 22px;
}
.icon-count span {
    font-size: 15px;
}
.mb-20 {
    margin-bottom: 15px;
}
.pic_description {
    margin: 0 0 10px;
}
.pic_description p {
    font-size: 20px;
    line-height: 32px;
}
.caption_photo {
    font-size: 15px;
    padding: 6px 0;
    line-height: 21px;
}
.topBlock-One .bigFrame { 
    aspect-ratio: 485 / 273;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {	
.article-section .rgt {
    display: none;
}	
  .bigFrame {
    aspect-ratio: 16 / 9;  
  }
.table-wrapper {
    overflow: scroll;
}
.photo-list figure img { 
    max-width: 100%;
    height: auto; 
}	
.photo-list figure figcaption {
    padding: 100px 32px 10px 12px; 
    width: 100%; 
    font-size: 18px;  
    line-height: 28px;
}	
.author_deatail .time { 
    padding: 0; 
}	
.photo-list .photo-item {
    max-width: 100%; 
}	
 .code-block-2 {
	  min-height: 250px; /* or appropriate ad size */
	  width: 100%;
	}
.nav_container .container { height: auto;
    min-height: 100%;}	
.topBlock-One {
    min-height: 100%;
    margin: 0 0 35px;
}	
.sabHead { 
     max-height: calc(27px * 3);  
    overflow: hidden;
	 height: 81px; 
}
.sabHead h2 {  
	line-height: 27px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}	
.top_headerLink {
   padding: 6px 0;
	height: auto; /* <-- Important */
	min-height: 26px; /* Optional safety net */
}	
.nav_container .lft_nav a img{width:155px; height:auto;}	
.live-blog{height: 253px;}	
.editor_bnr img{height:auto;}	
.webStories_slider .owl-nav .owl-prev{left: -10px;}	
.webStories_slider .owl-nav .owl-next{right: -10px;}	
.contentArea iframe{width: 100%; height: 271px;}
.shortVideo_homePage{margin: 20px 0 0;}	
.webStories_slider{padding: 0 6px;}	
.readMore_parent{display: block; }	
.shortVideoBox a img {height: 260px;}
/* New footer css Start */	
.footer-middel .middle_inner .col_first, .footer-middel .middle_inner .col_second, .footer-middel .middle_inner .col_third {
    border-right: 0px solid;
	border-bottom: 1px solid #454a4e;
    flex: 0 0 100%;
	max-width: 100%;
	padding: 0 0 15px;
    margin: 0 0 15px;
}
.footer-middel .middle_inner .col_fourth { 
    flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
	padding-left: 0;
}
.interLinkTopFTR a { 
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 400;
    width: 48%;
}
	.interLinkTopFTR a:first-child{
		width: 100%;
		text-align:center;
	}
	.new_social { 
		display: flex	;
		flex-wrap: wrap;
	}
	.new_social a { 
    width: 50%;
}
/* New footer css End */		
.top_rightNav{display:none;}	
.profile_Author {padding: 10px;text-align: center;}
.profile_Author .rgt {width:100% ;padding: 10px 0 0;}	
.profile_Author .profileIMG {width: 100%;}	
.profile_Author .profileIMG span {width: 130px; height: 130px;border: 2px solid #b7b4b4;}	
.show-more{display: block;}
.content_post {max-height: 400px;overflow: hidden;transition: max-height 0.5s ease;}
.content_post.expanded {max-height: none;}
.hamburger{display: block;}
.nav_container .rgt_nav .navLink{display: none;}
.nav_container .rgt_nav {justify-content: end;}
.secarch-body{padding: 10px 0;}
.tagSearch {padding: 8px 0px;}
.cross_Search {padding: 0;text-align: right;}
#popupSearch .search-button { font-size: 16px; padding: 8px 15px; }#popupSearch {  top: 47px; 
    }
    .listSearch { 
        gap: 10px;
    }
    #popupSearch .popup-content { 
        padding: 12px; 
    }
    .top_navDomain {  
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;  /* IE/Edge */
        scrollbar-width: none;     /* Firefox */
    }
	
    .top_navDomain::-webkit-scrollbar {
        display: none;  /* Chrome, Safari */
    }
    .time_dateTop { 
        display: none;
    }
    .secarch-search {
        width: calc(100% - 98px); 
    }
    .nav_container { 
        padding:9px 0 3px;
        height: auto;
		min-height:100%;
    }
    .top_footer .lft_ftr, .top_footer .rgt_ftr {
        width: 100%;
        text-align: center;
    }
    .top_footer {
        margin: 0 0 15px; 
        flex-wrap: wrap;
        gap: 15px;
    }
    .hdrtpshr { 
        justify-content: center;
        gap: 10px; 
    }
    .footer-middle-list li {  
        max-width: 102px;
    }
    .breaking_main {
        margin: 10px 0;
		min-height: 100%;
    }
    .breaking-lft {
        max-width: 90px;
        width: 100%;
        min-width: 90px;
        margin-right: 10px;
        min-height: 50px;
        display: flex;
        align-items: center;
    }
	.trendingTopic {
		padding: 0 30px;
	}
    .breaking-lft h2 { 
        font-size: 16px; 
        line-height: 18px;
    }
    .breaking-rgt a { 
        font-size: 16px; 
        line-height: 20px;
		padding: 0 10px 0 0;
		height: 60px;
        display: flex;
        align-items: flex-start;
        overflow: hidden;
    }
	h1.blinking-text {
		line-height: 20px;
	}
    .breaking_inner { 
        padding: 7px 0 7px 10px;
        border-radius: 0;
    }
    .breaking_main .container {
        padding: 0;
    }
    .common_mainBox .lft {
        max-width: 100%;
        padding: 0;
    }
    .innerTopNews { 
        flex-wrap: wrap;
    }
    .innerTopNews .top_LftNews { 
        padding:0;
    }
    .innerTopNews .top_RgtNews {
        max-width: 100%; 
    }
    .common_mainBox .rgt {
        max-width:100%;
        width: 100%;
        margin-top: 20px;
    }
    .videos_Block .middle {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px 0;
        border: 0px solid;
        border-top: 1px solid #756e6e;
        border-bottom: 1px solid #756e6e;
        margin: 15px 0;
    }
    .videos_Block .lft {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .videos_Block .rgt {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    .full_frameVideo a h3 {
        position: relative;  
        padding: 10px 0; 
    }
    .full_frameVideo a:before{
        display: none;
    }
    .full_frameVideo .play_detail {
        left: 0; 
    }
    .tab-menu {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    }
    
    .tab-menu li {
        scroll-snap-align: start;
        flex: 0 0 auto; /* Keeps each item from resizing */
        margin-right: 8px; /* Spacing between tabs */
    }
    
    /* Custom Scrollbar (only visible in desktop mode) */
    .tab-menu::-webkit-scrollbar {
        width: 4px;
        height: 8px;
    }
    
    .tab-menu::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgb(121, 121, 121);
    }
    .tab-menu::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid #d2d2d2;
        border-radius: 16px;
    }
    .tab-content { 
        padding: 10px; 
    } 
    .state_news .news_listing li {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }
    .state_news .news_listing {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .bigFrame a:before{
        display: none;
    }
    .bigFrame h2 {
        position: relative; 
        color: #000;
        padding: 10px 0; 
		background:#fff;
		text-shadow: inherit;
    }
    .bigImgText ul h3 {
        margin: 5px 0 0;
        padding-left: 0;
        flex: 0 0 calc(100%);
        max-width: calc(100%); 
    }
    .thmbbig {
        width: 100%;
        max-width: 100%;
        position: relative;
    }
    .thmbbig img {
        display: block;
        width: 100%;
        height: auto;
    } 
    .news_listing li:last-child, .right_ListingBlock li:last-child {
        border-bottom: 1px solid #ddd;
		margin: 0 0 10px;
        padding: 0 0 10px;
    }
    .news_listing li a .thumb {
        min-width: 110px;
        width: 100%;
        max-width: 110px;
		height: auto;
		min-height: auto;
    }
    .sports_block .news_listing li:last-child {
        margin: 0 0 10px;
        padding: 0 0 10px; 
    } 
    .sports_block {
        border: 4px solid #002765;
        background-color: #f6f6f6;
        padding: 6px;
    }
    .story-heading h1 {
        font-size: 22px;
        line-height: 30px;
    }
    .categoryBody .thumb {
        width: 100px; 
    }
    .categoryDetail {
        width: calc(100% - 115px);
    }
    .categoryDetail p {
        display: none;
    }
    .categoryDetail h2 {
        font-size: 19px;
        color: #000;
        margin-top: -4px;
        margin-bottom: 0;
        line-height: 27px;
    }
    .categoryBody { 
        padding: 0 0 10px;
        margin: 0 0 10px;
    }
    .category_header h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .webStory-layout li { 
        width: 100%;
        margin: 0 0 10px;
        padding: 0 15px 10px;
    }
    .category_inner .repeat_block a .articlelistImg {
        max-width: 110px;
    }
    .category_inner .repeat_block .articlelistText {
        max-width: calc(100% - 110px); 
        padding: 0 0 0 10px;
    }
	.category_inner .repeat_block .articlelistText h3 {
        font-size: 16px;
        margin: -5px 0 0;
        line-height: 20px;
        height: 61px;
        overflow: hidden;
    }
	.date {
        font-size: 13px;
        margin: 0 0 0;
    }
	.category_inner .repeat_block .articlelistText p {
        display: none;
    }
	.ctgrlst { 
		justify-content: center;
	}
	.breaking-rgt {
		width: calc(100% - 105px);  
		max-width: 100%;
	}
	.videos_Block{
		display:none;
	}
	.mobile_show{
		display:block;
	}
	.top_LftNews .news_listing li a h3 {
		height: 80px; 
	}
	.bigFrame a img { 
		height:auto; 
	}
	.bigFrame {
		margin: 0 0 6px;
	}
	.videos_Block h3 {
		height: 60px;
		overflow: hidden;
	}
	.ftr_top .lft_ftr {
		width: 100%;
		padding-right: 0;
	}
	.ftr_top .rgt_ftr {
		max-width: 100%;
		width: 100%;
		margin: 10px 0 20px;
	}
	.header { 
		top: -24px; 
	}
	
}

/* Media Query for Tablet Devices */
@media (min-width: 768px) and (max-width: 1024px) {
    .webStory-layout li { 
        width: 50%;
        margin: 0 0 13px;
        padding: 0 15px 10px;
    } 
    .common_mainBox .rgt {
        max-width: 100%;
        width: 100%;
    }
    .common_mainBox .lft {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
}
/* election 2024 start */
.NewsX-exitPoll {background-color:#fff; padding: 20px 0 25px;}
.NewsX-exitPoll h3 {color: #000;font-size: 21px;margin: 0 0 7px;text-transform: uppercase;}
.NewsX-exitPoll p {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.table_width{min-width: 240px;}
.table-responive table {text-transform: uppercase;
    color: #000;
    text-align: center;
    border-collapse: collapse;
	font-size: 18px;
}
.table-responive table td {
    border: 1px solid #bfbfbf;
    padding: 8px;
	vertical-align: middle; 
    font-weight: 500;
}
.table-responive table tr:first-child {
    font-weight: 500;
    text-align: center;
}
.plus { 
    font-size: 28px;
}
.minus { 
    font-size: 28px;
}
.table-responive {
    margin: 15px 0 0;
}
.table-responive table thead td {
    background-color: #ff0000;
    color: #fff;
}
.table-responive {
    margin: 15px 0 0; 
}
.main-table tbody tr:last-child td {
    background-color: #002765;
    color: #fff;
}

.dots_party{
	display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #FA8007; margin-right: 2px; vertical-align: middle; margin-top: -3px;
}
.partyName > span {
    width: 35px;
    display: inline-block;
}
.exit-poll-tabs {
    cursor: pointer;text-transform: uppercase;
    border-bottom: 1px solid #d22423;
    display: flex; 
}
@keyframes colorPulse {
    0% {
        background-color: #f8fcff; 
    }
    50% {
        background-color: #ee733d; 
    }
    100% {
        background-color: #f8fcff; 
    }
}
.exit-poll-tab {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    padding: 13px 10px 10px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    text-transform: uppercase;
    background: #f8fcff;
    border: 1px solid #e2e2e2;
    color: #000;
    width: 170px;
    animation: colorPulse 2s infinite ease-in-out; /* Apply animation */
}
.exit-poll-tab.active {
    background: #d20f02 !important;
    color: white;
    border: 1px solid #d20f02;
}
.table-responive table tbody tr:nth-child(odd) {
    background-color: #EEF3F7;
}
.table-responive table tbody tr:nth-child(even) {
    background-color: #fbfbfb;
}

.exit-poll-state {
    background-color:#fff;
    display: none;
    padding: 15px 10px; 
    border: 1px solid #ddd !important;
	border-top:0px solid !important;
}
.exit-poll-state.active {
    display: block;
    border: none;
}
.partyName {text-transform: uppercase;
    text-align: center; 
    font-weight: 500;
}
.vcard_warp {
   display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
	margin:20px 0 10px;
	align-items: center
}
.haedingLeading {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    max-width: 150px;
    height: 150px;
    width: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    line-height: 31px;
    background-color: #d20f02;
}
.haedingLeading span {
    display: block;
    width: 100%;
}
.haedingLeading strong {
    font-size: 40px;
    line-height: 51px;
}
.vcard_warp .vparty_card {
    width: calc(142px - 15px);
    min-height: 168px;
    border-radius: 10px;
}
.vcard_warp .card_head {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    padding: 10px 8px 7px;
    border-radius: 10px 10px 0 0;
}
.vcard_warp .card_head .plogo img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid #FFF;
}
.vcard_warp .card_head .pname {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}
.pseat {
    font-size: 75px;
    max-height: 104px;
    min-height: 104px;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap_chartTable {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wrap_chartTable .lft{
  width: 60%; 
} 
.wrap_chartTable .rgt {
  width: 38%; 
} 
#pieChart, #jammu {
     max-width: 300px;
    width: 100% !important;
    height: auto !important;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) { 
.table_width{min-width: 140px;}	
	.wrap_chartTable .lft, .wrap_chartTable .rgt {
		width: 100%; 
		margin-bottom: 10px; 
	  }
	.table-responive table {
		font-size: 16px;
	}
	.table-responive { 
		overflow-x: scroll;
	}
	td.widthTabLast {
		width: 60px;
	}
	.partyName { 
    	width: 110px;
		min-width:110px;
	}
	.vcard_warp {  
		margin: 15px 0;
		gap: 10px;
	}
	.vcard_warp .vparty_card {
		width: calc(145px - 5px); 
		min-height: 105px;
	}
	.pseat {
		font-size: 50px;
		max-height: 50px;
        min-height: 50px;
	} 
	.vcard_warp .card_head .plogo img {
		width: 30px;
		height: 30px; 
		border: 1px solid #FFF;
	}
	.vcard_warp .card_head .pname {
		font-size: 20px; 
	}
.vcard_warp .card_head {padding: 6px 6px 3px;}
.exit-poll-tab{width: 50%;}
.table-responive table td {padding: 5px;}
.haedingLeading{width: 100%;max-width: 87%;text-align: center;  border-radius: 10px; height: auto;padding: 7px 0;}
.haedingLeading strong {font-size: 30px;line-height: 30px;margin-left: 6px;}
.haedingLeading br {display: none;}	
}
/* end election 2024 */
/* live blogg cs start */
.live-blog .rhs-head {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 15px;
    padding: 0 0 12px;
    border-bottom: 1px dotted #ccc; /* Fixed undefined variable */
    text-transform: uppercase;
    position: relative;
}

/* Main list styles */
.live-blog ul {
    background: #ffffff;
    margin: 0;
    padding: 8px 4px;
    list-style: none;
    border-radius: 0;
    border-left: 2px solid #df0505;
} 
.live-blog ul li {
    position: relative;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border-bottom: 1px solid #d7d2d2;
    margin: 0px 0px 6px 7px;
    padding: 0px 0px 6px;
} 
.live-blog ul li a:hover {
    text-decoration: underline;
}
/* Timestamp styles */
.live-blog ul li .update-info {
   display: block;
    font-size: 12px;
    color: #666;
    margin-top: 2px;
    line-height: 17px;
}
/* Live Blog Page	*/
.liveBlock-page {
    background-color: #eff3f6;
    margin: -13px 0 0;
    padding: 15px 0;
}
.live_navigation {
   background-color: #ff0000;
    padding: 7px 20px 10px;
    border-radius: 6px;
    margin-bottom: 20px;
}
.live_navigation h1 {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    line-height: 36px;
}
.liveBlock-section {
    padding: 5px 0 20px;
     color:#000;
}
.liveBlock-section .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.liveBlock-section .lftBlock {
    width: calc(100% - 300px);
    padding: 0 15px 0 0;
}
.liveBlock-section .rightBlock {
    width: 300px;
} 
.story_card {
    border-radius: 5px;
    padding: 16px 20px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    box-shadow: 1px 1px 3px #00000026;
    margin-bottom: 20px;
     color:#000;
}
.story_card:last-child{
	margin-bottom: 0px;
}
.tittle-live {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #c00;
    text-transform: uppercase;
    padding-bottom: 10px;
	position:relative;
	padding-left:16px;
}
.tittle-live::before {
    content: "";
    width: 8px;
    display: block;
    height: 8px;
    position: absolute;
    background: #c60d0d;
    top: 6px;
    left: 0px;
    z-index: 1;
    border-radius: 100%;
    margin-top: -3px;
    animation: fadeOut_two 1s infinite;
}
@keyframes fadeOut_two {
	 50% {
        opacity: 0;  
    }
    50% {
        opacity: 1;  
    }
    100% {
        opacity: 0;  
    }
}
.story_card h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
	color: #333;
} 
.story_shortcont {
    font-size: 18px;
    line-height: 26px;
}
.story_shortcont p, .story_card p {
    font-size: 20px;
    line-height: 30px;
	margin:0 0 15px;
}
.thumb_Containe {
   width:100%;
}
.thumb_Container img {
    border-radius: 5px;
	display:block;
}
.contentLive-wrap {
    display: flex;
    flex-wrap: wrap;
     color:#000;
}
.contentLive-wrap .lft_block {
    width: calc(100% - 115px);
    padding: 0 15px 0 0;
}
.contentLive-wrap .rgt {
    max-width: 115px;
    width: 100%;
}
.contentLive-wrap h2 {
    font-size: 22px;
    line-height: 30px;
	margin-bottom: 5px; 
    color:#000;
}
.sticky_live {position: sticky; top: 29px;}
.contentLive-wrap .rgt .thumb_Container img{
	width:115px;
	height:115px;
}
.story_card .small {
	font-weight: 700;
	display: flex;
    align-items: center; 
	position:relative; 
	font-size:16px;
	margin:0 0 6px;
    gap: 5px;
}
.story_card .small:before {
	content:'';
	position:absolute;
	left: -10px;
    top: 50%;
	background-color: #c00;
	width:6px;
	height:6px; 
	margin-top:-3px;
	border-radius:50%;
	animation: smoothScale 2s ease-in-out infinite;
}
.share_live{
	text-align:center;
	transition:all 0.5s ease;
}
.share_live svg{ 
	transition:all 0.5s ease;
	cursor: pointer;
}
.share_live svg:hover{
	color: #c00;
}
.top-add-section {
    height: auto;
    margin: 0 auto 20px;
    background-color: #eaeaea;
    padding: 5px 0 10px;
    max-width: 1030px;
    text-align: center;
}
/* Live Blog Page Css End */
@media (max-width: 767px) {
	.liveBlock-section .lftBlock {
		width: 100%;
		padding: 0;
	}
	.contentLive-wrap .rgt {
		max-width: 100%;
		width: 100%;
	}
	.contentLive-wrap .lft_block {
		width: 100%;
		padding: 0;
	}
	.contentLive-wrap .rgt .thumb_Container img {
		width: 100%;
		height: auto;
	}
	
}
/* end live blog css */

/* Contact us pge css */
.contact-us-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}
.contact-us-container .left-section {
    max-width: 566px;
    width: 100%;
    border: 1px solid #ddd;
}
.contact-us-container iframe{
	width: 100%;
    height: 424px;
    display: block;
}
.contact-us-container .right-section {
    max-width: 550px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}
.careers_contact {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}    
.careers_contact h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}
.careers_contact p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.careers_logo {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 8px 0;
}

@media screen and (max-width: 768px) {
	.contact-us-container {padding: 10px;}
	.contact-us-container .left-section, .contact-us-container .right-section {max-width: 100%;}
}

/* Contact us pge css End*/


@media (min-width: 769px) and (max-width: 1199px) { 
	 .photo-list .photo-item {
        max-width: calc(328px - 20px);
    }
	.photo-list figure figcaption { 
		font-size: 18px; 
		line-height: 26px;
	}
     .navLink, .top_rightNav {
		display: none;
	}
	.nav_container .lft_nav {
		width: 300px; 
	}
	.nav_container .rgt_nav {
		width: calc(100% - 300px);
		justify-content: flex-end;
		
	}
	.article-section .common_mainBox .lft {
		max-width: 100%; 
		padding: 0;
	}
	.videos_Block .lft { 
		margin-right: 10px;
	}
	.videos_Block .middle { 
	 	padding: 0px 12px 0; 
	 }
	.videos_Block .rgt { 
		margin-left: 10px;
	}
	.live_blogRHS{
		margin-top:20px;
	}
	 
}