:root, [data-bs-theme=light] {
  --bs-primary-rgb: 13, 57, 109;
	--bg-main:#F8F8FB;
  --border-m:#d4dbef;
  --text-link:#0D396D;
  --navbtn-bg:#ECF1FF;
  --white-bg:#FFF;
  --light-tx:#818181;
  --clr-red:#E4453B;
  --clr-light:#C7C7C7;
  --text-dark:#282828;
  --bg-dark:#282828;
  --text-ns:#595959;
  --text-title:#111111;
}
:root, [data-bs-theme=dark] {
  --bg-main:#282828;
  --border-m:#383838;
  --text-link:#fff;
  --white-bg:#000;
  --text-dark:#fff;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
::-webkit-scrollbar {
  display: none;
}
ol, ul {
  padding: 0;
  list-style: none;
}
body{
	background: var(--bg-main);
  /* font-family: "Hind Siliguri", sans-serif; */
}
.c-pointer{
  cursor: pointer;
}
/*colors*/
.text-link{
  color: var(--text-link);
}
.navbtn-bg{
  background: var(--navbtn-bg);
}
.bg-back{
  background: var(--bg-main);
}
.bg-border{
  background: var(--border-m);
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.02),
    -2px -2px 10px 0px rgba(0, 0, 0, 0.02);
}
.toggle-light{
  background: var(--white-bg);
}
.light-text{
  color: var(--light-tx);
}
.red{
  color: var(--clr-red);
}
.light-grey{
  color: var(--clr-light);
}
.dark-text{
  color: var(--text-dark);
}
.dark-bg{
  background: var(--bg-dark);
}
.white-bg{
  background: var(--white-bg);
}
.text-ns{
  color: var(--text-ns);
}
/*font-sizes*/
.ft-10{
  font-size: 10px;
  line-height: 18px;
}
.ft-12{
  font-size: 12px;
  line-height: 18px;
}
.ft-14{
  font-size: 14px;
  line-height: 20px;
}
.ft-16{
  font-size: 16px;
  line-height: 22px;
}
.ft-18{
  font-size: 18px;
  line-height: 24px;
}
.ft-20{
  font-size: 20px;
  line-height: 26px;
}
.ft-22{
  font-size: 22px;
  line-height: 28px;
}
.ft-34{
  font-size: 34px;
  line-height: 40px;
}
.ft-light{
  font-weight: 300;
}
.ft-semb{
  font-weight: 500;
}
.ft-bold{
  font-weight: 700;
}
.t-ellipsis {
  text-overflow: ellipsis
}
/*icons*/
.ico-10{
  width: 10px;
  height: auto;
}
.ico-18{
  width: 18px;
  height: auto;
}
.ico-16{
  width: 16px;
  height: auto;
}
/*borders*/
.border-btm {
  border-bottom: 1px solid var(--border-m);
}
.border-t {
  border-top: 1px solid var(--border-m);
}
.borderM{
  border: 1px solid var(--border-m);
}
.br-10{
  border-radius: 10px;
}
.br-14{
  border-radius: 14px;
}
.br-f{
  border-radius: 50% !important;
}
.box{
  background: var(--white-bg);
  padding: 14px;
  border-radius: 14px;
  margin-bottom: 24px;
}
main {
  padding: 30px 0;
}
.offcanvas-body form button:hover{
  background: var(--text-link);
  color: var(--white-bg);
}
/*nav*/
header .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}
.header-top .dropdown-item{
  padding:12px 0;
}
.header-top .dropdown-menu li:not(:last-child){
  border-bottom: 1px solid var(--border-m);
}
.gsc-control-cse{
  padding: 0 !important;
}
.divider_x1 {
  width: 1px;
  height: 32px;
  background: var(--border-m);
}
.dp_lang:after{
  margin-left: .4rem;
  width: 10px;
  height: 10px;
  background: url(/assets/media/arrow-down-lt.svg) no-repeat 50%/cover;
  border: none;
}
.nav-One{
  text-transform: uppercase;
}
.modebtn{
  height: 32px;
  padding: 5px;
}
.togglebtn svg {
  fill: var(--text-link);
}
.header-second li a{
  padding: 0;
}
.crtnmt__btn{
  border:1px solid var(--text-link);
}
.crtnmt__btn:hover, .crtnmt__btn:active, .crtnmt__btn.active{
  background: var(--bs-white) !important;
  color: var(--text-link) !important;
  border: 1px solid var(--bs-white) !important;
}
.livescorebx {
  width: 318px;
  font-size: 12px;
}
.team-flag{
  height: 20px;
  width: 20px;
}
.livescbxr{
  width: 8px;
  height: 8px;
  object-fit: cover;
}
.scroll-al{
  overflow: auto;
  overflow-y: hidden;
}
.scoll-fy{
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.lcmp2{
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.lcmp3{
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
/*padding & margins*/
.artLbx{
  padding: 12px;
}

.slide-transition {
  transition: transform 0.5s ease; /* Smooth transition for sliding */
}
.title {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: var(--text-link);
  font-weight: 700;
}
.quKlnk li{
  list-style-type: none;
}
.quKlnk li a{
  border: 1px solid var(--text-link);
}
.viewMr {
  border:1px solid var(--border-m);
  padding: 4px 32px;
}
.view-sm {
  border:1px solid var(--border-m);
  padding: 2px 20px;
}
.viewMr:hover{
  background: var(--text-link);
  color: var(--bs-white);
}

/*homepage*/
.bign {
  max-height: 414px;
}
.bignbg{
  background: linear-gradient(180deg, rgba(0, 11, 31, 0.00) 0%, rgba(0, 9, 26, 0.64) 38.5%, #000817 100%);
}
.bigncatbtn{
  padding: 0 13px;
}
.bign h2 {
  font-size: 20px;
  line-height: 24px;
}
.artLbxF {
  font-size: 16px;
  line-height: 22px;
}
.smlTmb img{
  object-fit: cover;
  aspect-ratio: 16/10;
}
.aspect-ratio{
  aspect-ratio: 1;
}
.trendbx{
  width: 234px;
}
.CaTab li {
  overflow: hidden;
}
.CaTab:hover{
  background: var(--navbtn-bg);
}
.CaTab li button:hover{
  color: var(--text-link);
}
.CaTab li button.active, .CaTab li button:active{
  background: var(--text-link);
  color: var(--bs-white);
  border-radius: 30px;
}
.HmFntp{
  min-height: 120px;
}
.live:before{
  content: '';
  display: inline-flex;
  margin-right: 6px;
  position: absolute;
  left: -11px;
  border-radius: 10px;
  width: 6px;
  height: 6px;
  background: var(--clr-red);
  z-index: 2;
  margin-top: 5px;
}
.live:after{
  content: '';
  position: absolute;
  justify-content: space-between;
  left: -14px;
  display: inline-flex;
  margin-right: 6px;
  border-radius: 10px;
  width: 12px;
  height: 12px;
  background: var(--clr-red);
  opacity: .5;
  z-index: 1;
  margin-top: 2px;
}
.swiper-button-disabled {
  display: none !important;
}
.Tm__Bt .active{
  background: var(--text-link);
  color: var(--white-bg);
}
.ida_hbdhs{
  width: 95px;
  height: 95px;
}
.ida_hbdhs img{
  max-height:85px;
}
.orgcap{
  background: rgba(255, 159, 70, 0.20);
  color: #6C3B00;
}
.orgcap .top1{
  background: #FF9F46;
}
.purcap{
  background: rgba(207, 70, 255, 0.20);
  color: #4A006C;
}
.purcap .top1{
  background: #CF46FF;
}
.fpcap{
  background: rgba(42, 156, 60, 0.20);
  color: #00590E;
}
.fpcap .top1{
  background: #2A9C3C;
}


/*post*/
.breadcrum li+li:before{
  content: '/';
  margin: 0 5px;
  color: var(--clr-light);
}
.post-title{
  font-size: 1.5em;
  line-height: 30px;
  color: var(--text-dark);
  font-weight: 600;
}
.post-summery{
  font-size: 14px;
  line-height: 26px;
}
.authBx{
  background: var(--bg-main);
}
.m-img{
  margin: 0 -14px;
}
article p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: var(--text-ns);
}
.Tagged{
  border-radius: 5px;
  color: var(--text-ns);
  background: var(--bg-main);
  padding: 0 13px;
}
.auth-Prof{
  width: 48px;
  height: 48px;
}
.ShrPst__Ic svg{
  width: 20px;
  height: 20px;
}
.Team__tab img{
  width: 42px;
  height: 42px;
}
.Team_slD{
  width: 30px;
  height: 30px;
}
article h1 {
  font-size: 2em;
  line-height: 1.222
}
article h2, .content h2 {
  font-size: 1.35em;
  line-height: 1.25
}
article h3, .content h3 {
  font-size: 1.25em;
  line-height: 1.44
}
article h4, .content h4 {
  font-size: 1.15em;
  line-height: 1.44
}
article figure, article figure img{
  width: 90% !Important;
  height: auto;
  display: block;
  border-radius: 14px;
  margin: auto;
  text-align: center;
}
figure{
  margin: 0 auto 1rem;
}
article table:not(.post-livescore-table table), .content table{
  width:100%;
  margin: 1rem 0;
  border-spacing: collapse;
}
article table:not(.post-livescore-table table) tr th, .content table tr th{
  border: 1px solid #ededed;
  padding:.5rem;
  text-align:center;
}
article table:not(.post-livescore-table table) tr th p, .content table tr th p{
  font-weight: bold;

}
article table:not(.post-livescore-table table) tr td, .content table tr td{
  border: 1px solid #ededed;
  padding:.5rem;
  text-align:center;
}

article table:not(.post-livescore-table table) tr:hover td, .content table tr:hover td{
  background: var(--bg-main);
}
article p a, .content a{
  color: var(--clr-red);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--clr-red);
  text-decoration-color: var(--clr-red);
  text-underline-offset:3px;
  font-weight: 700;
}
article ul, article ol, .content ul, .content ol {
  margin:1rem 0;
  padding-left: 1rem;
  line-height: 2rem;
}

article li::marker, .content li::marker {
  content: '• ';
}
li.comment::marker, li.breadcrumb-item::marker{
  content: "";
}

article ul.swiper-wrapper{
  margin:auto;
  line-height:normal;
}




/*sidebar*/
.Srbx a {
  display:block;
  padding:10px;
  margin-bottom:10px;
  width:100%;
  border: 1px solid var(--border-m);
  border-radius:10px;
}

/*category*/
.content{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.expanded {
  -webkit-line-clamp: unset;
}
.view-type span {
  cursor: pointer;
  margin-left: 10px;
}
.view-type span svg{
  width: 20px;
  height: auto;
  color: var(--text-link);
}
.view-type span:hover svg, .view-type span:active svg, .view-type span.active svg{
  color: var(--clr-red);
}
.content span {
  display:block;
  margin-bottom:1rem;
}
.content li span, .content table span {
  margin-bottom:0;
}

/*author*/
.authPro {
  width: 70px;
  height: 70px;
}
.auth-bio{
  border-left:1px solid var(--border-m);
}






/*footer*/
footer li a{padding: 5px;}
footer a {
    /* color: #C7C7C7; */
    color: #ffffff;
    text-decoration: none;
}

.FootSTy {
  color: #fff;
  background: var(--bg-dark);
}
.FtyList li, .FtyM{
  color: #C7C7C7;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 10px;
}
.FtyList {
  border-right: 1px dashed #818181;
}
.Foot2 {
  border-top: 1px dashed #818181;
}
.Foot2Lt li{
  font-size: 12px;
  font-weight: 500;
  color: #818181;
}
.Foot2Lt li+li:before{
  content: '/';
  margin: 0 10px;
}














/*tab*/
@media (max-width: 991px){
.FtyList{
    border: 0;
  }
}
/*mobile*/
@media (max-width: 575px){
  .Foot2Lt li{
    padding: 5px;
    margin-bottom: 10px;
  }
  .bignbg{
    top:0 !important;
  }
  .bign h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .artLbxF{
    font-size: 14px;
    line-height: 18px;
  }
  .FtyList{
    border: 0;
  }
  ._postArt {
    margin: 0 -12px;
    border-radius: 10px;
  }
  .CAtart .smlTmb {
    width: 41%;
    flex-shrink: 0;
    margin-right: 8px;
  }
  .HmFntp{
    min-height: 0;
  }
  .auth-bio{
    border-left:0;
    border-top: 1px solid var(--border-m);
  }
  .trendbx{
  width: 100%;
  }
  #myTab{
    margin: 0 -12px;
  }
  #myTab .nav-link {
    font-size: 10px;
  }
}

.text-link.toggle-btn{display: none;}
.dropdown-menu{min-width: 10rem}

.post-title {
  font-size: 32px;
  line-height: 41px;
  color: var(--text-title);
  font-weight: 700;
}
article p {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  font-style: normal;
  color: var(--text-title);
}
article h2, .content h2 {
  font-size: 1.7em;
  font-weight: 600;
  line-height: 1.25;
  color: var(--text-title);
}


/* Buttons */
.btn-primary {
  --bs-btn-bg: hsl(213, 79%, 24%);
  --bs-btn-border-color: hsl(213, 79%, 24%);
  --bs-btn-hover-bg: hsl(213, 79%, 28%);
  --bs-btn-hover-border-color: hsl(213, 79%, 28%);
  --bs-btn-active-bg: hsl(213, 79%, 24%);
  --bs-btn-active-border-color: hsl(213, 79%, 24%);
}

.btn-outline-danger {
  --bs-btn-bg: white;
  --bs-btn-color: hsl(4, 76%, 56%);
  --bs-btn-border-color: hsl(4, 76%, 56%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: hsl(4, 76%, 56%);
}
.toggle-btn{
  --bs-btn-color: var(--text-link);
  --bs-btn-bg: white;
  --bs-btn-border-color: var(--border-m) ;

  --bs-btn-active-color: var(--text-link);
  --bs-btn-active-bg: var(--border-m);
  --bs-btn-active-border-color: var(--border-m);
}

.btn-secondary{
  --bs-btn-color: var(--text-link);
  --bs-btn-bg: var(--border-m);
  --bs-btn-border-color: var(--border-m);

  --bs-btn-hover-color: var(--text-link);
  --bs-btn-hover-bg: var(--primary-light);
  --bs-btn-hover-border-color: var(--primary-light);

  --bs-btn-active-color: var(--text-link);
  --bs-btn-active-bg: var(--border-m);
  --bs-btn-active-border-color: var(--border-m);
}
.btn-light{
  --bs-btn-color: var(--text-link);
  --bs-btn-bg: white;
  --bs-btn-border-color: #ECF1FF;

  --bs-btn-hover-color: var(--text-link);
  --bs-btn-hover-bg: #ECF1FF;
  --bs-btn-hover-border-color: #ECF1FF;

  --bs-btn-active-color: var(--text-link);
  --bs-btn-active-bg: white;
  --bs-btn-active-border-color: #ECF1FF;
}

#right-sidebar{
  position: sticky;
}
.read-more-article-box {
  display: flex;
  align-items: center;
}
.divider-line {
  flex-grow: 1;
  border-bottom: 1px solid #b0b0b0;
}
.next-article-dropdown {
  font-size: 18px;
  padding: 15px 30px;
  display: inline-block;
  border: 1px solid #b0b0b0;
  cursor: default;
  background: var(--p-sec-bg--color);
  color: var(--p-txt-1-color);
  z-index: 9;
  align-items: center;
  zoom: 0.8;
}
.spinner-box {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  margin: 15px auto;
}
.pulse-container {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px auto;
}

.pulse-bubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d9d9d9;
}
.pulse-bubble-1 {
  animation: pulse .4s ease 0s infinite alternate;
}
.pulse-bubble-2 {
  animation: pulse .4s ease .2s infinite alternate;
}
.pulse-bubble-3 {
  animation: pulse .4s ease .4s infinite alternate;
}
.read-more-box {
  z-index: 4;
  text-align: center;
  padding: 15px 12px 15px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 10%, #fff 60%, #fff 100%);
}
.post-cropped {
  max-height: 350px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #EFEFEF;
  -webkit-mask-image: linear-gradient(to bottom, black, transparent);
  mask-image: linear-gradient(black, 70%, transparent);
}
.stats-links{list-style-type: disc;}
.countdown-label span {
  flex: 1 1;
}



.shorts-section {
  border-radius: 12px;
  padding: 15px 20px;
}

.shorts-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shorts-title h5 {
  font-weight: bold;
}

.shortSlider {
  min-height: 280px;
  position: relative;
}

.shortSlider .swiper-wrapper.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: inherit; 
}

.shortSlider .swiper-slide {
  width: 120px; 
  height: 260px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background-color: #333;
}

.shortSlider .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shortSlider .swiper-slide .slide-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.shortSlider .slide-content-wrapper .video-icon-overlay {
   position: absolute;
   top: 8px;
   left: 8px;
   width: 28px; 
   height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.shortSlider .slide-content-wrapper .video-icon-overlay svg {
   width: 18px; 
   height: 19px;
}


.shortSlider .slide-content-wrapper .feed-text-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 8px 8px 8px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  z-index: 3;
}

.shortSlider .slide-content-wrapper .feed-text {
  color: #fff;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
  display: block; 
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .shortSlider {
      min-height: 280px;
  }
  .shortSlider .swiper-slide {
      height: 250px;
  }
}

@media (max-width: 575.98px) {
  .shortSlider {
      min-height: 200px;
  }
  .shortSlider .swiper-slide {
      height: 185px;
  }
}