@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700;800;900&family=Poppins:wght@200;300;400;600&display=swap');
*{

  box-sizing: border-box;
  margin: 0px;
  padding: 0px;

}

html {
  scroll-behavior: smooth;
}

body {
     font-size: 100%;
    font-family: Mukta, sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

.flex, .flex-center, .post-info .author, header .socials .social-icon, footer .socials .social-icon, .author-profile .social-icon, .main-article .social-icon, .top-news .post-lg .post-info, .top-news .post-lg .post-info .author, .flex-h-center, .flex-v-center, .post-info, .main-article .article-author, .breaking-news .carousel-indicators, .spotlight .carousel-indicators, .flex-j-sb {
  display: flex;
}

.flex-center, .post-info .author, header .socials .social-icon, footer .socials .social-icon, .author-profile .social-icon, .main-article .social-icon, .top-news .post-lg .post-info, .top-news .post-lg .post-info .author {
  align-items: center;
  justify-content: center;
}

.flex-h-center {
  justify-content: center;
}

.flex-v-center, .post-info, .main-article .article-author, .breaking-news .carousel-indicators, .spotlight .carousel-indicators {
  align-items: center;
}

.flex-j-sb, .post-info {
  justify-content: space-between;
  padding-top: 0px;
  margin-bottom: 10px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.w-100 {
  width: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-fix {
  clear: both;
}

.home-news-section {
  margin-bottom: 2.5rem;
}

.home-news-section .section-heading {
  margin-top: 0;
}

.home-news-section .post-img {
  height: 150px;
}

.ads-wrapper .img-container,
.ads-container .img-container {
  width: 100%;
  height: 100%;
  display: block;
}

.ads-wrapper .img-container img,
.ads-container .img-container img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: contain;
  object-position: center;
}

.ads-wrapper.w-100,
.ads-container.w-100 {
  width: 100%;
  margin: 20px 0;
}

.ads-wrapper.square .img-container,
.ads-container.square .img-container {
  min-height: 250px;
  max-height: 250px;
}

.img-container {
  display: block;
  overflow: hidden;
}

.img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.section-heading {
    font-family: Mukta, sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    color: #d71920;
    border: 0px solid #d71920;
    border-left: none;
    border-right: none;
    border-bottom-width: 4px;
    padding: 10px 2px;
    margin: 1.5rem 0;
    display: block;
    border-top: none;
    
    position: relative;
    overflow: hidden;
}

.section-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    background: linear-gradient(90deg, #4285F4, #EA4335, #FBBC05, #34A853, #4285F4);
    background-size: 300% 100%;
    animation: googleBorderAnimation 4s linear infinite;
}

@keyframes googleBorderAnimation {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 300% 50%;
    }
}



.top-grossed {
  background: #fff;
}

.section-heading a {
  color: #d71920;
}

.page-title {
  font-size: 28px;
  color: #0071bc;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 2rem;
}

.post-card, .headlines .main {
  margin-bottom: 1.5rem;
}

.post-card:hover .post-title, .headlines .main:hover .post-title, .post-card:hover .post-title-lg, .headlines .main:hover .post-title-lg {
  color: #d71920;
}

.post-img {
  width: 100%;
  margin-bottom: 0.5rem;
}

.post-title, .post-title-lg {
  display: block;
  font-family: "Mukta", serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #232323;
  line-height: 1.6em;
}

.post-title-lg {
  
  
  margin-bottom: 20px;
      transition: all .1s ease-in-out;
    font-weight: 700;
    line-height: 1.35;
}

.post-title-lg a {
  display: block;
  color: #232323;
  line-height: 1.6em;
}

.post-title-lg a:hover {
  color: #d71920;
}

.post-time, .video-section .pl-card .video-duration {
  font-size: 0.7rem;
  color: #5f5f5f;
  padding-left: 20px;
  position: relative;
}

.post-time:before, .video-section .pl-card .video-duration:before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-53%);
}

.post-info {
  padding-bottom: 10px;
}

.post-info .author-img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}

.post-info .author {
  margin-right: 1.8rem;
}

.post-info .author .author-name {
  color: #5f5f5f;
  font-size: 20px;
  font-family: Mukta,sans-serif;
}

.col3 .post-img,
.col4 .post-img {
  height: 150px;
}

.pagination {
  margin: 1.5rem 0;
}

.pagination li {
  height: 45px;
  padding: 11px 16px;
  margin-right: 5px;
  font-weight: bold;
}

span.page-numbers.current {
  transition: all .3s ease;
  display: inline-block;
  height: auto;
  min-width: 40px;
  text-align: center;
  background: #0e5dae;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  padding: 0 8px;
  color: #fff;
  line-height: 25px;
  border-radius: 7px;
}

.pagination li a {
  transition: all .3s ease;
  display: inline-block;
  height: auto;
  min-width: 40px;
  text-align: center;
  background: rgba(0,0,0,.1);
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  padding: 0 8px;
  line-height: 25px;
  border-radius: 7px;
}

.pagination li.active {
  background-color: #0071bc;
  border-color: #0071bc;
}

.pagination li.active a {
  color: #fff;
}

.pagination li:hover {
  background-color: #e5e5e5;
}

.pagination li.disabled {
  pointer-events: none;
}

.pagination li.disabled a {
  color: #5f5f5f;
}

.side-section-news {
  margin-bottom: 40px;
}

.side-section-news .side-section-title {
  font-size: 1.2rem;
  color: #d71920;
  padding: 5px 10px;
  border-bottom: 3px solid #d71920;
  font-weight: 600;
  text-transform: uppercase;
}

.side-section-news .news {
  margin: 20px 0;
  padding-bottom: 10px;
}

.side-section-news .news-category {
  font-size: 0.85rem;
  color: #0071bc;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.side-section-news .news-title {
  font-family: "Mukta", serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
  color: #4b4a4a;
}

.breadcrum.w-100.pb-2.border-bottom.pl-2.mt-5.mb-4 a {
  font-size: 12px;
  color: #333;
}

.side-section-news .news-title:hover {
  color: #d71920;
}

header .logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

header .logo {
  width: 100%;
  max-width: 250px;
  display: block;
  margin: 0 auto;
}

header .date {
  font-size: 15px;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
}

header .socials {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .socials .social-icon {
  font-size: 1.2rem;
  border-radius: 50%;
  color: #fff;
  background-color: #ddd;
  height: 35px;
  width: 35px;
}

header .socials .social-icon:first-child {
  padding-left: 0;
  padding-right: 0;
}

header .socials .social-icon.fb {
  background-color: #3b5998;
}

header .socials .social-icon.fb:hover {
  background-color: #2d4373;
}

header .socials .social-icon.tw {
  background-color: #00acee;
}

header .socials .social-icon.tw:hover {
  background-color: #0087bb;
}

header .socials .social-icon.ig {
  background-color: #3f729b;
}

header .socials .social-icon.ig:hover {
  background-color: #305777;
}

header .socials .social-icon.yt {
  background-color: #ff0000;
}

header .socials .social-icon.yt:hover {
  background-color: #cc0000;
}

header .socials .lang-badge {
  font-size: 1.2rem;
  height: 30px;
  width: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
}

 
.trending-container {
  height: 45px;
  display: flex;
}

.trending-container .head {
  background-color: #0071bc;
  padding: 0 10px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 45px;
  font-family: "Cairo", sans-serif;
}

.trending-container .trendings {
  padding-left: 0rem;
  display: flex;
  height: 45px;
  background-color: #f2f2f2;
  font-family: "Cairo", sans-serif;
  text-transform: uppercase;
  width: 100%;
  overflow-x: auto;
}

.trending-container .trendings::-webkit-scrollbar {
  display: none;
}

.trending-container .trendings .item {
  display: flex;
  align-items: center;
  font-weight: 400;
  padding-right: 15px;
  font-size: 12px;
}
.trending-container {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
}

.trending-container::-webkit-scrollbar {
    display: none;
}

.trending-container .trendings {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.trending-container .trendings .item {
    display: inline-block;
    flex-shrink: 0;
}

.trending-container .trendings .item a {
    display: inline-block;
    vertical-align: middle;
    color: rgba(0, 0, 0, .75);
    font-weight: 500;
    padding: 3px 15px 1px 15px;
    background: #fff;
    font-size: 11px !important;
    border-radius: 60px;
    margin-left: 5px;
    margin-right: 3px;
    border: 1px solid rgba(0, 0, 0, .15);
    text-decoration: none;
    transition: all 0.2s ease;
}

.trending-container .trendings .item a:hover {
    color: #dc3545;
    border-color: #dc3545;
}

@media (max-width: 768px) {
    .trending-container .trendings .item a {
        font-size: 10.5px !important;
        padding: 3px 10px;
        margin-left: 3px;
    }



.post-title-mg a {
    font-size: 28px !important;}

.post-desc-lg_ach {padding:2px !important;}
.post-desc-lg_ach .desc {font-size:18px !important;}
.bg-dark {
    background-color: #003f69 !important;
    text-align: center;
}

footer .socials {
    align-items: center;
    margin-left: 88px;
}

.trending-post {
     
    padding: 0px !important;
     
}
}
.trending-container .trendings .item a:hover {
  color: #0071bc;
  text-decoration: underline;
}

.trending-container .trendings .item a:before {
  content: "#";
  display: none;
}

@keyframes logoAnim{

  from {
    width: 0;
  }
  to {
    width: 38px;
  }

}

footer {
  background-color: #323232;
  color: #fff;
}

footer .footer-top {
  padding: 20px 0;
}

footer .logo {
  height: 90px;
}

footer .information {
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.6em;
}

footer .information .list-item {
  margin-top: 10px;
}

footer h3 {
  color: #d71920;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-bottom: 10px;
  font-weight: 600;
}

footer .categories .category-list {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}

footer .categories .list-item {
  font-weight: 500;
  margin-top: 10px;
  text-transform: capitalize;
  font-size: 20px;
}

footer .categories .list-item a {
  color: #fff;
}

footer .socials {
  display: flex;
  align-items: center;
}

footer .socials .social-icon {
  font-size: 1.2rem;
  border-radius: 50%;
  color: #fff;
  background-color: #ddd;
  height: 35px;
  width: 35px;
  margin: 10px 10px 0;
}

footer .socials .social-icon:first-child {
  margin-left: 0;
}

footer .socials .social-icon:last-child {
  margin-right: 0;
}

footer .socials .social-icon.fb {
  background-color: #3b5998;
}

footer .socials .social-icon.fb:hover {
  background-color: #2d4373;
}

footer .socials .social-icon.tw {
  background-color: #00acee;
}

footer .socials .social-icon.tw:hover {
  background-color: #0087bb;
}

footer .socials .social-icon.ig {
  background-color: #3f729b;
}

footer .socials .social-icon.ig:hover {
  background-color: #305777;
}

footer .socials .social-icon.yt {
  background-color: #ff0000;
}

footer .socials .social-icon.yt:hover {
  background-color: #cc0000;
}

footer .download-links img {
  height: 50px;
  margin-right: 10px;
  padding-top: 10px;
}

footer .footer-bottom {
  background-color: #004a99;
}

.text-danger {
  color: #8bccff !important;
}

.missed {
  background: #fff;
}

.bg-dark {
  background-color: #003f69 !important;
}

footer .footer-bottom .navbar.xtra-nav a {
  color: #fff;
  font-size: 20px;
}

footer .footer-bottom .navbar.xtra-nav .navbar-nav {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

footer .footer-bottom .navbar.xtra-nav .navbar-nav:before {
  content: "";
  height: 1px;
  background-color: #4f4f4f;
  width: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

footer .footer-bottom .copyright {
  padding: 0px 0 15px 0;
  margin: 0;
  text-align: center;
  font-size: 13px;
  font-family: sans-serif;
}

.author-profile {
  line-height: 150%;
  background: #fff;
  padding: 20px;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(21, 22, 22, .09);
  font-weight: 500;
  padding-bottom: 0;
  width: 100%;
}

.author-profile .profile-img {
  min-width: 100px;
  width: 100px;
  height: 100px;
  margin-right: 1.5rem;
  border-radius: 50%;
}

.author-profile .author-head {
  background-color: #f2f2f2;
  padding: 0.5rem 20px;
  margin-bottom: 20px;
}

.author-profile .author-head .name,
.author-profile .author-head .post {
  margin-bottom: 0;
  padding-bottom: 0;
}

.author-profile .author-head .name {
  font-size: 1.4rem;
  font-weight: 600;
  color: #0071bc;
  text-transform: uppercase;
}

.author-profile .author-head .post {
  text-transform: capitalize;
  font-weight: 500;
}

.author-profile .social-icon {
  font-size: 1.2rem;
  color: #fff;
  background-color: #ddd;
  width: 35px;
  height: 35px;
  margin-left: 20px;
}

.author-profile .social-icon:first-child {
  padding-left: 0;
  padding-right: 0;
}

.author-profile .social-icon.fb {
  background-color: #3b5998;
}

.author-profile .social-icon.fb:hover {
  background-color: #2d4373;
}

.author-profile .social-icon.tw {
  background-color: #00acee;
}

.author-profile .social-icon.tw:hover {
  background-color: #0087bb;
}

.author-profile .social-icon.ig {
  background-color: #3f729b;
}

.author-profile .social-icon.ig:hover {
  background-color: #305777;
}

.author-profile .social-icon.yt {
  background-color: #ff0000;
}

.author-profile .social-icon.yt:hover {
  background-color: #cc0000;
}

.main-article .article-title {
  font-size: 3.0rem;
  font-weight: 600;
  font-family: "Mukta", serif;
  margin-bottom: 20px;
  line-height: 150%;
  text-align: left;
  padding-top: 20px;
}

.main-article .article-author .author-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px;
  padding: 4px;
  border-color: red;
}

.main-article .article-author .author-name {
  margin: 0;
  margin-right: 20px;
  margin-left: 10px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  vertical-align: top;
}

.text-secondary {
  color: #000!important;
}

.main-article .article-author .article-date {
  font-size: 14px;
  margin: 0;
}

.main-article .article-share {
  display: flex;
  margin-bottom: 10px;
}

.main-article .social-icon {
  font-size: 1.2rem;
  color: #fff;
  background-color: #ddd;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.main-article .social-icon:first-child {
  padding-left: 0;
  padding-right: 0;
}

.main-article .social-icon.fb {
  background-color: #3b5998;
}

.main-article .social-icon.fb:hover {
  background-color: #2d4373;
}

.main-article .social-icon.tw {
  background-color: #00acee;
}

.main-article .social-icon.tw:hover {
  background-color: #0087bb;
}

.main-article .social-icon.ig {
  background-color: #3f729b;
}

.main-article .social-icon.ig:hover {
  background-color: #305777;
}

.main-article .social-icon.share-icon {
  background-color: #ff0000;
}

.main-article .social-icon.share-icon:hover {
  background-color: #cc0000;
}

.main-article .article-img {
  height: 435px;
}

.main-article .article-paragraph {
  font-size: 20px;
  line-height: 150%;
}

.comment-section .comment {
  margin-bottom: 15px;
}

.comment-section .comment .profile-container .profile-img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.comment-section .comment .profile-container .username {
  font-size: 20px;
  line-height: 150%;
  color: #0071bc;
  font-weight: bold;
  margin-bottom: 0;
}

.comment-section .comment .profile-container .post-info {
  font-size: 14px;
}

.comment-section .comment .comment-content {
  font-size: 18px;
  line-height: 150%;
  margin: 15px 0;
}

.comment-section .comment .interaction-grp {
  margin-bottom: 10px;
}

.comment-section .comment .interaction-grp .interaction {
  margin-right: 20px;
  color: #5f5f5f;
  font-size: 14px;
}

.comment-section .comment .interaction-grp .left {
  display: flex;
}

.comment-section .comment .interaction-grp .i-icon {
  color: #5f5f5f;
  margin-right: 5px;
  cursor: pointer;
}

.comment-section .comment .interaction-grp .i-icon .active {
  color: #0071bc;
}

.comment-section .comment .interaction-grp .reply .i-icon {
  transform: rotate(180deg) rotateX(180deg);
}

.comment-section .comment .interaction-grp .reply a {
  margin-left: 5px;
}

.comment-section .comment .interaction-grp .reply a:hover {
  text-decoration: underline;
}

.comment-section .comment .interaction-grp .count strong {
  color: #0071bc;
}

.comment-section .post-comment {
  margin-top: 30px;
}

.comment-section .post-comment h3 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}

.comment-section .post-comment .profile-img {
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border-radius: 50%;
}

.comment-section .post-comment form {
  margin-top: 2rem;
}

.comment-section .post-comment .comment-input {
  border: 0;
  background-color: #f2f2f2;
  font-family: Mukta,sans-serif;
  font-size: 18px;
}

.comment-section .post-comment .comment-area {
  height: 150px;
  resize: vertical;
  padding: 10px 15px;
  font-family: Mukta,sans-serif;
  font-size: 18px;
  background-color: #f2f2f2;
  border: 0;
}

.reactions {
  background-color: #f2f2f2;
  padding: 20px 1.5rem 0rem;
  border-radius: 5px;
}

.reactions .head {
  margin-bottom: 2.5rem;
}

.reactions .reactions-wrapper {
  width: 100%;
  margin: 0 auto;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.reactions .emote-container {
  text-align: center;
  margin-bottom: 2rem;
}

.reactions .emote-container p {
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 0.5rem;
  text-transform: capitalize;
}

.reactions .emote {
  background-color: #bce4ff;
  height: 100px;
  width: 100px;
  padding: 25px;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
}

.reactions .emote.active {
  background-color: #0071bc;
}

.reactions .emote img {
  transition: transform 0.3s ease-out;
}

.reactions .emote:hover img {
  transform: scale(1.2);
}

.reactions .emote .count {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trending-post {
  counter-reset: post;
  padding: 1.5rem;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.trending-post .section-heading {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1a1a1a;
  border-bottom: 3px solid #dc3545;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

.trending-post .trending-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.trending-post .trending-card {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  transition: transform 0.2s ease;
}

.trending-post .trending-card:hover {
  transform: translateY(-2px);
}

.trending-post {
    counter-reset: post;
}

.trending-post .trending-card {
    position: relative;
    counter-increment: post;
}

.trending-post .trending-card:before {
    content: counter(post);
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 6px;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 2;

padding-top:10px;
    font-family: nepali;
}

.trending-post .trending-card:nth-child(1):before {
    background-color: #d71920;
    box-shadow: 0 2px 5px rgba(215, 25, 32, 0.3);
}

.trending-post .trending-card:nth-child(2):before {
    background-color: #f39c12;
    box-shadow: 0 2px 5px rgba(243, 156, 18, 0.3);
}

.trending-post .trending-card:nth-child(3):before {
    background-color: #27ae60;
    box-shadow: 0 2px 5px rgba(39, 174, 96, 0.3);
}

.trending-post .trending-card:nth-child(4):before {
    background-color: #0071bc;
    box-shadow: 0 2px 5px rgba(0, 113, 188, 0.3);
}

.trending-post .trending-card:nth-child(5):before {
    background-color: #8e44ad;
    box-shadow: 0 2px 5px rgba(142, 68, 173, 0.3);
}

.trending-post .trending-card:nth-child(n+6):before {
    background-color: #34495e;
    box-shadow: 0 2px 5px rgba(52, 73, 94, 0.3);
}
.trending-post .trending-card .post-title, 
.trending-post .trending-card .post-title-lg {
  padding: 20px 1.25rem;
  padding-left: 54px;
  border-radius: 6px;
  display: block;
  line-height: 140%;
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  height: 100%;
  transition: all 0.2s ease-in-out;
}

.trending-post .trending-card .post-title:hover, 
.trending-post .trending-card .post-title-lg:hover {
  background-color: #ffffff;
  color: #0071bc;
  border-color: #0071bc;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

.most-commented .news-category {
  background-color: #0071bc;
  color: #fff;
  padding: 0.5rem 20px;
  margin-bottom: 0;
}

.most-commented .news-title {
  padding: 0.5rem 0px;
  padding-bottom: 0rem;
  line-height: 150%;
}

.most-commented .news {
  margin-bottom: 0;
}

.top-grossed .nav-pills {
  margin-bottom: 2rem;
}

.top-grossed .nav-pills .nav-link {
  margin: 0 2px;
  font-family: Mukta, sans-serif;
  padding: 4px 13px;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 3px;
  border-radius: 10px 0px;
  border: solid 1px #c7c5c6;
}

.top-grossed .nav-pills .nav-link.active {
  color: #fff;
  background-color: #0071bc;
}

.top-grossed .nav-pills .nav-link.active:hover {
  color: #fff;
}

.top-grossed .nav-pills .nav-link:hover {
  color: #0071bc;
}

.highlight-post .post-title-lg {
  margin-bottom: 1.5rem;
}

.highlight-post .post-container .post-img-container {
  height: 230px;
}

.highlight-post .post-container .post-desc-lg {
  line-height: 150%;
  font-size: 18px;
}

.highlight-post .post-container .post-desc-lg .post-time, .highlight-post .post-container .post-desc-lg .video-section .pl-card .video-duration, .video-section .pl-card .highlight-post .post-container .post-desc-lg .video-duration {
  font-size: 14px;
}

.home-news-section .highlight-post .post-container .post-img-container {
  height: 280px;
}

.home-news-section .highlight-post .post-container .post-desc-lg {
  line-height: 140%;
  font-size: 18px;
}

.home-news-section .highlight-post .post-container .post-desc-lg .post-time, .home-news-section .highlight-post .post-container .post-desc-lg .video-section .pl-card .video-duration, .video-section .pl-card .home-news-section .highlight-post .post-container .post-desc-lg .video-duration {
  font-size: 14px;
}

.category-page .post-grid-container {
  padding-top: 3rem;
}

.top-news .post-lg {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 2rem;
  border-bottom: 2px solid #e0e0e0;
}

.top-news .post-lg .post-img {
  height: 550px;
  margin-bottom: 20px;
}

.top-news .post-lg .post-title, .top-news .post-lg .post-title-lg {
  font-size: 3.7rem;
    
    line-height: 126%;
    margin-bottom: .20px;
    font-weight: 700;
}

.top-news .post-lg .post-title:hover, .top-news .post-lg .post-title-lg:hover {
  color: #d71920;
}

.top-news .post-lg .post-desc {
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1.2rem;
}

.top-news .post-lg .post-info .author-img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}

.top-news .post-lg .post-info .author-img img {
  padding: 3px;
  border: 1px dashed #bf1e2e;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .2392156863);
  height: 32px;
  width: 32px;
  min-height: auto;
  border-radius: 50%;
}

.top-news .post-lg .post-info .author {
  margin-right: 1.8rem;
}

.top-news .post-lg .post-info .author .author-name {
  color: #212529;
  font-size: 20px;
  font-family: Mukta, sans-serif;
  font-weight: 600;
  padding: 1px;
}

.top-news .post-lg .post-time, .top-news .post-lg .video-section .pl-card .video-duration, .video-section .pl-card .top-news .post-lg .video-duration {
  font-size: 0.9rem;
  color: #5f5f5f;
}

.top-news .post-lg .post-xs {
  text-align: left;
  margin-top: 2.5rem;
}

.top-news .post-lg .post-xs .post-img {
  height: 125px;
  padding-right: 0;
}

.top-news .post-lg .post-xs .post-title, .top-news .post-lg .post-xs .post-title-lg {
  font-size: 1.4rem;
  margin-bottom: 20px;
  line-height: 1.6em;
}

.top-news .post-lg .post-xs .post-title:hover, .top-news .post-lg .post-xs .post-title-lg:hover {
  color: #d71920;
}

.headlines .post-card, .headlines .main {
  padding-bottom: 10px;
}

.headlines .main {
  margin-bottom: 20px;
  padding-bottom: 0;
}

.headlines .main .post-title, .headlines .main .post-title-lg {
  font-size: 2.4rem;
  line-height: 150%;
  text-align: center;
  margin-bottom: 1.3rem;
}

.headlines .main .post-img {
  height: 310px;
  margin-bottom: 0.5rem;
}

.headlines .main .post-desc {
  font-size: 20px;
  line-height: 160%;
  margin-bottom: 1.3rem;
  text-align: justify;
}

p.desc {
  text-align: justify;
  line-height: 1.6em;
}

.headlines .sub-posts .post-card, .headlines .sub-posts .main {
  border-bottom: 0;
}

.headlines .sub-posts .post-img {
  height: 150px;
}

.headlines .sub-posts .post-title, .headlines .sub-posts .post-title-lg {
  margin-bottom: 0.5rem;
  font-size: 20px;
  line-height: 150%;
}

.headlines .sub-posts .post-desc {
  margin-bottom: 5px;
}
.breaking-news .carousel-item img,
.breaking-news .carousel-inner,
.breaking-news .carousel-item {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  max-height: 550px;
  margin: 0 auto;
}

.breaking-news .carousel-indicators {
  bottom: -55px;
  height: 40px;
}

.breaking-news .carousel-indicators li {
  background-color: #d71920;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: none;
}

.breaking-news .carousel-indicators .active {
  background-color: #ffffff;
}

.breaking-news.featured-news {
  background-color: #323232;
  padding: 2.5rem 0;
}

.breaking-news.featured-news * {
  color: #fff;
}

.breaking-news.featured-news .section-heading {
  border-color: #fff;
}

.breaking-news.featured-news .section-heading a {
  color: #fff;
}

@media (max-width: 576px) {
  .breaking-news .carousel-item img,
  .breaking-news .carousel-inner,
  .breaking-news .carousel-item {
    max-height: 450px;
  }
}
.custom-carousel-btn-container {
  display: flex;
}

.custom-carousel-btn {
  width: 40px;
  height: 40px;
  position: static;
  background-color: #d71920;
  display: inline-block;
  font-size: 35px;
  opacity: 1;
  line-height: 40px;
  margin-right: 10px;
}

.custom-carousel-btn:hover {
  background-color: #a91419;
}

.latest-news.security-crime-news .post-card-lg .post-img, .security-crime-news.business-news .post-card-lg .post-img {
  height: 250px;
}

.latest-news.security-crime-news .post-card-lg .desc, .security-crime-news.business-news .post-card-lg .desc {
  font-size: 16px;
  line-height: 150%;
  padding: 0;
  margin-bottom: 0.5rem;
}

.latest-news .post-card-lg .post-img, .business-news .post-card-lg .post-img {
  height: 400px;
}

.latest-news .post-card-lg .post-title, .business-news .post-card-lg .post-title, .latest-news .post-card-lg .post-title-lg, .business-news .post-card-lg .post-title-lg {
  font-size: 25px;
  line-height: 150%;
  text-align: center;
}

.latest-news .post-card-lg .post-time, .business-news .post-card-lg .post-time, .latest-news .post-card-lg .video-section .pl-card .video-duration, .video-section .pl-card .latest-news .post-card-lg .video-duration, .business-news .post-card-lg .video-section .pl-card .video-duration, .video-section .pl-card .business-news .post-card-lg .video-duration {
  font-size: 0.8rem;
}

.post-container-sm s .post-img {
  height: 120px;
}

.post-container-sm .post-title, .post-container-sm .post-title-lg {
  font-size: 20px;
  line-height: 150%;
}

.post-container-sm .col-lg-3 {
  padding-left: 0;
}

.business-news .post-container-sm {
  padding-left: 15px;
}

.business-news .post-container-sm .post-card, .business-news .post-container-sm .headlines .main, .headlines .business-news .post-container-sm .main {
  padding-left: 0px;
}

.world-news .post-card-lg .post-img {
  height: 400px;
}

.world-news .post-card-lg .post-title, .world-news .post-card-lg .post-title-lg {
  font-size: 1.3rem;
  line-height: 150%;
}

.world-news .post-card-lg .post-title.post-title-sm, .world-news .post-card-lg .post-title-sm.post-title-lg {
  font-size: 1.2rem;
}

.world-news .post-card-lg .post-time, .world-news .post-card-lg .video-section .pl-card .video-duration, .video-section .pl-card .world-news .post-card-lg .video-duration {
  font-size: 0.8rem;
}

.world-news .post-card-md .post-img {
  height: 250px;
}

.world-news .post-card-md.overlay .post-overlay {
  padding: 10px 15px;
}

.post-card.overlay, .headlines .overlay.main {
  position: relative;
}

.post-card.overlay a, .headlines .overlay.main a {
  color: #fff;
}

.post-card.overlay .post-time, .headlines .overlay.main .post-time, .post-card.overlay .video-section .pl-card .video-duration, .video-section .pl-card .post-card.overlay .video-duration, .headlines .overlay.main .video-section .pl-card .video-duration, .video-section .pl-card .headlines .overlay.main .video-duration {
  color: #f2f2f2;
}

.post-card.overlay .post-overlay, .headlines .overlay.main .post-overlay {
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgb(0 0 0), transparent, transparent);
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 8px 20px;
  width: 100%;
}

.post-card.overlay .post-img, .headlines .overlay.main .post-img {
  margin: 0;
}

/* =========================================================
   SEPARATED & RESPONSIVE TITLE FONT SIZES
   ========================================================= */

/* 1. Standard / Other Post Titles (22px base with mobile responsiveness) */
.headlines .overlay.post-card-lg.main .post-title,
.headlines .overlay.post-card-lg.main .post-title-lg {
  font-size: 22px;
  line-height: 150%;
}

/* 2. Overlay Post Titles (28px base with mobile responsiveness) */
.post-card.overlay.post-card-lg .post-title,
.post-card.overlay.post-card-lg .post-title-lg {
  font-size: 22px;
  line-height: 150%;
}


/* =========================================================
   RESPONSIVE MEDIA QUERIES FOR TABLET & MOBILE VIEWPORTS
   ========================================================= */
@media (max-width: 991.98px) {
  /* Scale down overlay title on smaller screens */
  .post-card.overlay.post-card-lg .post-title,
  .post-card.overlay.post-card-lg .post-title-lg {
    font-size: 24px;
    line-height: 145%;
  }

  /* Scale down standard title on smaller screens */
  .headlines .overlay.post-card-lg.main .post-title,
  .headlines .overlay.post-card-lg.main .post-title-lg {
    font-size: 20px;
    line-height: 145%;
  }
}

@media (max-width: 575.98px) {
  /* Mobile portrait scaling */
  .post-card.overlay.post-card-lg .post-title,
  .post-card.overlay.post-card-lg .post-title-lg {
    font-size: 20px;
    line-height: 140%;
  }
.reels-item-box {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    border-radius: 12px;
    overflow: hidden;
    background-color: #1c2541;
    height: 300px;
}
  .headlines .overlay.post-card-lg.main .post-title,
  .headlines .overlay.post-card-lg.main .post-title-lg {
    font-size: 18px;
    line-height: 140%;
  }
}

.post-card.overlay.post-card-lg .post-title.post-title-sm, .headlines .overlay.post-card-lg.main .post-title.post-title-sm, .post-card.overlay.post-card-lg .post-title-sm.post-title-lg, .headlines .overlay.post-card-lg.main .post-title-sm.post-title-lg {
  font-size: 1.2rem;
}

.interview .main-post {
  background-color: #f2f2f2;
  padding-bottom: 0px;
  position: relative;
}

.interview .main-post:hover .post-title-lg {
  color: #d71920;
}

.interview .main-post:before {
  content: "\f10d";
  position: absolute;
  top: 360px;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  color: rgba(35, 35, 35, 0.1);
  font-size: 3.5rem;
  font-style: oblique;
  padding: 1.7rem 1.5rem;
}

.interview .main-post .post-img {
  height: 350px;
}

.interview .main-post .post-title-lg {
  padding: 1.7rem 2rem 2.5rem;
  font-size: 1.4rem;
  line-height: 150%;
  font-style: oblique;
  position: relative;
  z-index: 1;
  color: #0071bc;
}

.interview .main-post .post-title-lg::first-line {
  margin-left: 4rem;
}

.interview .post-title, .interview .post-title-lg {
  font-style: oblique;
}

.interview .post-title:before, .interview .post-title-lg:before {
  content: '"';
  margin-right: 0.15rem;
}

.interview .post-title:after, .interview .post-title-lg:after {
  content: '"';
  margin-left: 0.15rem;
}

.health .post-card-md .post-img {
  height: 280px;
}

.national-news .nav-pills {
  justify-content: center;
}

.national-news .nav-pills .nav-link {
  background-color: #f2f2f2;
  margin: 0 2px;
  color: #232323;
  font-family: Mukta,sans-serif;
  padding: 10px 20px;
  border-radius: 0;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 3px;
}

.national-news .nav-pills .nav-link.active {
  color: #fff;
  background-color: #0071bc;
}

.national-news .nav-pills .nav-link.active:hover {
  color: #fff;
}

.national-news .nav-pills .nav-link:hover {
  color: #0071bc;
}

.national-news.business-news .pills-container {
  overflow-x: auto;
  width: 100%;
  padding-bottom: 10px;
}

.national-news.business-news .pills-container::-webkit-scrollbar {
  height: 8px;
}

.national-news.business-news .pills-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(189, 189, 189, 0.7);
  border: 1px solid #bdbdbd;
}

.national-news.business-news .pills-container::-webkit-scrollbar-thumb:hover {
  opacity: 1;
  background-color: #bdbdbd;
}

.national-news.business-news .nav-pills {
  width: max-content;
}

.half-width .post-card-md .post-img {
  height: 250px;
}

.half-width .post-card-md .post-title-md {
  font-size: 1.4rem;
  line-height: 150%;
}

.half-width .post-card-inline .post-img, .half-width .video-section .pl-card .post-img, .video-section .half-width .pl-card .post-img {
  padding-right: 0;
}

.post-card-inline .post-img, .video-section .pl-card .post-img {
  height: 90px;
  margin-bottom: 0;
  padding-right: 0;
}

.post-card-inline .post-title, .video-section .pl-card .post-title, .post-card-inline .post-title-lg, .video-section .pl-card .post-title-lg {
  font-size: 20px;
  margin-bottom: 0.5rem;
}

.post-card-inline .post-title:hover, .video-section .pl-card .post-title:hover, .post-card-inline .post-title-lg:hover, .video-section .pl-card .post-title-lg:hover {
  color: #d71920;
}

.spotlight .post-img {
  height: 400px;
}

.spotlight .badge {
  width: max-content;
  margin-bottom: 0.5rem;
  padding: 5px 10px;
  font-size: 20px;
  text-transform: capitalize;
  background-color: #0071bc;
  color: #fff;
}

.spotlight .carousel-indicators {
  bottom: -65px;
  height: 40px;
}

.spotlight .carousel-indicators li {
  background-color: #d71920;
  height: 10px;
  width: 10px;
}

.spotlight.spotlight-sm .post-img {
  height: 400px !important;
}

.spotlight.spotlight-sm .carousel-indicators {
  width: min-content;
  max-width: 270px;
  margin: 0 auto;
  bottom: -40px;
}

.spotlight.spotlight-xs .post-img {
  height: 450px;
}

.spotlight.spotlight-xs .post-overlay-container {
  padding: 0 5px;
}

.spotlight.spotlight-xs .carousel-indicators {
  bottom: -40px;
}

.spotlight.spotlight-xs .custom-carousel-btn-container {
  margin-top: 2rem;
  justify-content: center;
}

.entertainment-news .post-card-lg .post-img {
  height: 330px;
}

.entertainment-news .side-section-news {
  border-left: 1px solid #e0e0e0;
}

.entertainment-news .side-section-news .side-section-title {
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.video-section .video-player {
  width: 100%;
  height: 400px;
}

.video-section .playlist {
  height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}

.video-section .playlist::-webkit-scrollbar {
  width: 7px;
}

.video-section .playlist::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(189, 189, 189, 0.7);
  border: 1px solid #bdbdbd;
}

.video-section .playlist::-webkit-scrollbar-thumb:hover {
  opacity: 1;
  background-color: #bdbdbd;
}

.video-section .pl-card {
  padding: 12px;
  border-radius: 5px;
}

.video-section .pl-card .post-info {
  flex-wrap: wrap;
  padding-left: 10px;
}

.video-section .pl-card .post-title, .video-section .pl-card .post-title-lg {
  font-size: 20px;
}

.video-section .pl-card .post-img {
  width: 120px;
  height: 70px;
  padding-right: 0;
  margin-bottom: 0;
}

.video-section .pl-card .video-duration {
  margin-left: 20px;
}

.video-section .pl-card .video-duration:before {
  content: "\f03d";
  font-weight: 700;
}

.video-section .pl-card.active {
  background-color: #f2f2f2;
}

.video-section .pl-card.active .post-title, .video-section .pl-card.active .post-title-lg {
  color: #0071bc;
}

.category-page .highlight-post .post-img-container {
  height: 300px;
}

.category-page .trending-post .trending-card {
  width: 100%;
}

.category-page .bankings .post-card-lg .post-img {
  height: 320px;
}

.category-page .bankings .side-card .post-img {
  height: 120px;
}

.category-page .most-commented .news {
  margin-bottom: 20px;
  margin-top: 0rem;
}

blockquote {
  max-width: 94%;
  text-align: center;
  margin: 20px;
  padding: 20px;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 20px;
  color: #0071bc;
  border-left: 4px solid #d71920;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-right: 4px solid #d71920;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  line-height: 1.6em;
  width: 100%;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
  line-height: 1.6em;
  font-size: 18px;
}

.main-article p {
  display: block;
  line-height: 1.6em;
  font-size: 21px;
  text-align: justify;
  margin: 25px 0 0 0;
}

.wp-caption alignleft img {
  float: left;
}

p.post-desc {
  animation: auto;
  background: white;
  line-height: 1.66em;
}

hr.style14 {
  border: 0;
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, .4), #ccc, rgba(255, 255, 255, .4));
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.breadcrum.w-10.pb-2.border-bottom.pl-2.mt-5.mb-4 {
  animation: auto;
  font-size: 12px;
  color: #000;
}

div#popup_box {
  animation: auto;
  position: fixed;
  z-index: 99999;
  height: 100%;
  width: 100%;
  background: #eeeeee;
  margin: 0px;
  padding: 15px;
  margin-top: -23px;
  margin-bottom: 9px;
  padding-bottom: 20px;
}

div#popup_box2 {
  animation: auto;
  position: fixed;
  z-index: 99999;
  height: 100%;
  width: 100%;
  background: #eeeeee;
  margin: 0px;
  padding: 15px;
  margin-top: -23px;
  margin-bottom: 9px;
  padding-bottom: 20px;
}

.logo_popup {
  width: 100px;
  height: auto;
  position: relative;
  display: initial;
  padding-top: 20px;
}

h1#countDown {
  animation: auto;
  font-size: 12px;
  float: none;
  text-align: center;
  padding: 11px;
}

.full-width-ads_pop img {
  animation: auto;
  width: 60%;
  text-align: center;
  padding-top: 13px;
  display: inline-block;
  position: relative;
  padding: 10px;
}

.full-width-ads_pop {
  background: #eee;
  width: 100%;
  position: fixed;
  z-index: 9999;
  padding-top: 7px;
  padding: 0px;
  text-align: center;
}

.fix_footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #c9d4d5;
  color: white;
  text-align: center;
  z-index: 9;
  margin-bottom: 0px;
}

span.close {
  animation: auto;
  background: red;
  padding: 8px;
  font-size: 13px;
  float: right;
  position: relative;
  border-radius: 20%;
  margin-bottom: -55px;
  margin-t0: -2px;
}

div#ui-datepicker-div {
  animation: auto;
  background: white;
  padding: 20px;

display:none;
}

table.ui-datepicker-calendar {
  background: white;
  padding: 13px;
}

td.ui-datepicker-week-end {
  background: white;
  padding: 5px;
  border: solid 1px #eee;
}

span.ui-icon.ui-icon-circle-triangle-e {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  color: red;
}

span.ui-icon.ui-icon-circle-triangle-w {
  margin-left: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  color: red;
}

select.ui-datepicker-year {
  margin-left: 12px;
  font-size: 12px;
}

select.ui-datepicker-month {
  margin-left: 12px;
  font-size: 12px;
}

a.ui-state-default {
  animation: auto;
  padding: 2px;
  border-radius: 50%;
  height: 11px;
  width: 10px;
  margin: 10px;
  color: #000;
}

.td {
  border: solid 1px #eee;
}

a#popupBoxClose {
  animation: auto;
  background: #d71a20;
  padding: 11px;
  font-size: 14px;
  color: #fff;
  margin-left: 8%;
  border-radius: 5px;
  margin-bottom: 0px;
}

a#popupBox2Close {
  animation: auto;
  background: #d71a20;
  padding: 11px;
  font-size: 14px;
  color: #fff;
  margin-left: 45%;
  border-radius: 5px;
  margin-bottom: 0px;
  margin-top: -35px;
  width: 7%;
}

h1#countDown2 {
  font-size: 12px;
}

p.article-date.text-secondary {
  font-size: 14px;
  text-align: left;
  padding: 0px;
  margin-top: 13px;
  vertical-align: middle;
}

.trending_bg {
  border-top: 1px solid rgba(0, 0, 0, .1490196078);
  background: rgba(241, 241, 241, .9882352941);
}

.side-section {
  position: sticky;
  top: 20px;
  align-self: flex-start;
  height: fit-content;
}

.side-section .ads-container,
.side-section .side-section-news {
  margin-bottom: 20px;
  background: #ffffff;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.side-section .side-section-title {
  font-size: 22px;
  font-weight: 500;
  border-bottom: 2px solid #dc3545;
  padding-bottom: 8px;
  margin-bottom: 15px;
}

.side-section .recent-news-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.side-section .news-title {
  color: #333333;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  font-size: 20px;
  line-height: 1.6;
}

.side-section .news-title:hover {
  color: #dc3545;
  text-decoration: none;
}

#cmcMobileDrawer {
  display: none;
  width: 100% !important;
  background-color: #e9ecef !important;
  padding: 0 0 20px 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  max-height: calc(100vh - 120px);
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  flex-basis: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
}

.cmc-mobile-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #e9ecef !important;
}

.cmc-mobile-nav-list li {
  width: 100%;
  background-color: #ffffff !important;
  margin-bottom: 2px;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}

.cmc-mobile-nav-list li:last-child {
  margin-bottom: 0;
}

.cmc-mobile-nav-list a.cmc_link {
  padding: 14px 18px !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #222222 !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  background-color: #ffffff !important;
}

.cmc-mobile-nav-list a.cmc_link:hover,
.cmc-mobile-nav-list a.cmc_link:focus {
  color: #dc3545 !important;
  background-color: #f8f9fa !important;
}

.cmc-mobile-nav-list li.cmc_has_dropdown > a .cmc_caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #dcdcdc;
  background-color: #f1f1f1;
  color: #333333;
  font-size: 14px;
  transition: background-color 0.15s ease;
}

.cmc-mobile-nav-list li.cmc_has_dropdown > a {
  padding-right: 65px !important;
}

.cmc-mobile-nav-list li.cmc_has_dropdown > a .cmc_caret:hover {
  background-color: #e2e6ea;
}

.cmc-mobile-nav-list li.cmc_has_dropdown.open-submenu > a .cmc_caret i {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

.cmc-mobile-nav-list ul.cmc_dropdown_menu {
  position: static !important;
  float: none;
  width: 100%;
  box-shadow: none;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  background-color: #f8f9fa !important;
  display: none;
  list-style: none;
}

.cmc-mobile-nav-list ul.cmc_dropdown_menu li {
  border-bottom: 1px solid #e5e5e5;
  background-color: #f8f9fa !important;
}

.cmc-mobile-nav-list a.cmc_dropdown_link {
  padding: 12px 25px !important;
  display: block;
  width: 100%;
  color: #444444 !important;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  background-color: #f8f9fa !important;
}

.cmc-mobile-nav-list a.cmc_dropdown_link:hover {
  color: #dc3545 !important;
  background-color: #f1f1f1 !important;
}

.cmc-mobile-search-wrapper {
  background-color: #ffffff !important;
  padding: 12px 15px;
  border-bottom: 2px solid #dcdcdc;
}

.cmc-mobile-search-wrapper .form-control {
  height: 44px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  padding-left: 15px;
}

.top-news .post-lg .post-info,
.post-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  margin: 10px 0;
}

.top-news .post-lg .post-info .author img,
.post-info .author img,
.author-avatar img {
  border-radius: 50% !important;
  object-fit: cover;
  border: 1px solid #e0e0e0;
  display: block;
}

.top-news .post-lg .post-info .author,
.post-info .author {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 1.05rem;
  color: #111111;
}

.top-news .post-lg .post-time, 
.post-time {
  font-size: 0.95rem;
  color: #666666;
  display: none;
  align-items: center;
  gap: 6px;
  padding-left: 0 !important;
  position: relative;
}

.top-news .post-lg .post-time::before,
.post-time::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.9rem;
  color: #666666;
}

@media (min-width: 0px) {
  .post-img,
    .col3 .post-img,
    .col4 .post-img {
    height: 120px;
        object-fit: cover;
        width: 100%;
        margin-bottom: 4px;
        border-radius: 3px;
  }
}

@media (min-width: 900px) {
  .col3 .post-img {
    height: 150px;
  }
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px; /* Or 1350px if your layout requires it */
    }
}

/* Extra extra large devices (ultra-wide screens, 1400px and up) */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
} 

@media (max-width: 768px) {
  .trending-post .trending-wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1200px) {
  .navbar.main-nav .nav-item {
    font-size: 12px;
  }
  
  .side-section-news .news-title {
    line-height: 140%;
  }
  
  .post-title, .post-title-lg {
    line-height: 140%;
  }
  
  .post-container-sm {
    padding-left: 0;
  }
  
  .entertainment-news .col-lg-4.post-card .post-img, .entertainment-news .headlines .col-lg-4.main .post-img, .headlines .entertainment-news .col-lg-4.main .post-img {
    height: 120px;
  }
  
  .entertainment-news .post-card-lg .post-img {
    height: 280px;
  }
}

@media (max-width: 991px) {
  .navbar.main-nav {
    padding: 10px 20px;
    border-bottom: 1px solid #5f5f5f;
    height: 60px;
  }
  
  .navbar.main-nav .navbar-brand img {
    height: 80px;
  }
  
  .navbar.main-nav.navbar-dark .navbar-toggler {
    border-color: #fff;
  }
  
  .navbar.main-nav.navbar-light {
    background-color: #f2f2f2;
  }
  
  .navbar.main-nav.navbar-light .nav-link,
    .navbar.main-nav.navbar-light .nav-item {
    color: #232323;
  }
  
  .navbar.main-nav.navbar-light .nav-item.active .nav-link {
    color: #fff;
  }
  
  .navbar.main-nav.navbar-light .nav-item.more .dropdown-menu {
    background-color: #f2f2f2;
  }
  
  .navbar.main-nav.navbar-light .nav-item.more .dropdown-menu .nav-link {
    text-align: left;
  }
  
  .navbar.main-nav.navbar-light .nav-item.search .search-icon {
    color: #232323;
  }
  
  .navbar.main-nav.navbar-light .navbar-toggler {
    border-color: #000;
  }
  
  .navbar.main-nav .navbar-nav {
    position: fixed;
    top: 110px;
    right: 0;
    width: 0%;
    height: calc(100vh - 110px);
    background-color: #f2f2f2;
    display: block;
    z-index: 1;
    justify-content: flex-start;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .navbar.main-nav .navbar-nav .nav-item {
    font-size: 20px;
    padding: 0.5rem 0;
    padding-left: 20px;
  }
  
  .navbar.main-nav .navbar-nav .nav-item .search-dropdown {
    margin-left: -20px;
  }
  
  .navbar.main-nav .navbar-nav.open {
    width: 40%;
    transform: translate(0);
  }
  
  .navbar.main-nav .navbar-toggler-custom.open {
    height: 40px;
    width: 56px;
  }
  
  footer .download-links {
    margin-left: 15px;
    margin-top: 20px;
  }
  
  .highlight-post .post-container .post-img-container {
    height: 400px;
    margin-bottom: 20px;
  }
  
  .top-news .post-lg .post-xs .post-img {
    height: 180px;
  }
  
  .home-news-section .post-img {
    height: 180px;
  }
  
  .latest-news .post-card-lg .post-img, .business-news .post-card-lg .post-img {
    height: 435px;
  }
  
  .latest-news .right .post-card .post-img, .business-news .right .post-card .post-img, .latest-news .right .headlines .main .post-img, .headlines .latest-news .right .main .post-img, .business-news .right .headlines .main .post-img, .headlines .business-news .right .main .post-img {
    height: 150px;
  }
  
  .ads-container {
    margin-top: 2rem;
  }
  
  .ads-wrapper.square .img-container,
    .ads-container.square .img-container {
    width: 100%;
    min-height: inherit;
    max-height: inherit;
    margin-bottom: 1.5rem;
  }
  
  .ads-wrapper.flex, .ads-wrapper.flex-center, .post-info .ads-wrapper.author, header .socials .ads-wrapper.social-icon, footer .socials .ads-wrapper.social-icon, .author-profile .ads-wrapper.social-icon, .main-article .ads-wrapper.social-icon, .top-news .post-lg .ads-wrapper.post-info, .top-news .post-lg .post-info .ads-wrapper.author, .ads-wrapper.flex-h-center, .ads-wrapper.flex-v-center, .ads-wrapper.post-info, .main-article .ads-wrapper.article-author, .breaking-news .ads-wrapper.carousel-indicators, .spotlight .ads-wrapper.carousel-indicators, .ads-wrapper.flex-j-sb,
    .ads-container.flex,
    .ads-container.flex-center,
    .post-info .ads-container.author,
    header .socials .ads-container.social-icon,
    footer .socials .ads-container.social-icon,
    .author-profile .ads-container.social-icon,
    .main-article .ads-container.social-icon,
    .top-news .post-lg .ads-container.post-info,
    .top-news .post-lg .post-info .ads-container.author,
    .ads-container.flex-h-center,
    .ads-container.flex-v-center,
    .ads-container.post-info,
    .main-article .ads-container.article-author,
    .breaking-news .ads-container.carousel-indicators,
    .spotlight .ads-container.carousel-indicators,
    .ads-container.flex-j-sb {
    flex-wrap: wrap;
  }
  
  .ads-wrapper.flex .img-container, .ads-wrapper.flex-center .img-container, .post-info .ads-wrapper.author .img-container, header .socials .ads-wrapper.social-icon .img-container, footer .socials .ads-wrapper.social-icon .img-container, .author-profile .ads-wrapper.social-icon .img-container, .main-article .ads-wrapper.social-icon .img-container, .ads-wrapper.flex-h-center .img-container, .ads-wrapper.flex-v-center .img-container, .ads-wrapper.post-info .img-container, .main-article .ads-wrapper.article-author .img-container, .breaking-news .ads-wrapper.carousel-indicators .img-container, .spotlight .ads-wrapper.carousel-indicators .img-container, .ads-wrapper.flex-j-sb .img-container,
    .ads-container.flex .img-container,
    .ads-container.flex-center .img-container,
    .post-info .ads-container.author .img-container,
    header .socials .ads-container.social-icon .img-container,
    footer .socials .ads-container.social-icon .img-container,
    .author-profile .ads-container.social-icon .img-container,
    .main-article .ads-container.social-icon .img-container,
    .ads-container.flex-h-center .img-container,
    .ads-container.flex-v-center .img-container,
    .ads-container.post-info .img-container,
    .main-article .ads-container.article-author .img-container,
    .breaking-news .ads-container.carousel-indicators .img-container,
    .spotlight .ads-container.carousel-indicators .img-container,
    .ads-container.flex-j-sb .img-container {
    margin-bottom: 1.5rem;
  }
  
  .entertainment-news .col-md-6.post-card .post-img, .entertainment-news .headlines .col-md-6.main .post-img, .headlines .entertainment-news .col-md-6.main .post-img {
    height: 120px;
  }
  
  .entertainment-news .post-card-lg .post-img {
    height: 250px;
  }
  
  .entertainment-news .post-card-inline .post-img, .entertainment-news .video-section .pl-card .post-img, .video-section .entertainment-news .pl-card .post-img {
    height: 100px;
  }
  
  .post-card-inline .post-img, .video-section .pl-card .post-img {
    padding-right: 15px;
  }
  
  .half-width .post-card-md .post-img,
    .half-width .post-card-lg .post-img,
    .latest-news.security-crime-news .post-card-md .post-img,
    .security-crime-news.business-news .post-card-md .post-img,
    .latest-news.security-crime-news .post-card-lg .post-img,
    .security-crime-news.business-news .post-card-lg .post-img {
    height: 350px;
  }
  
  .half-width .post-card-inline .post-img, .half-width .video-section .pl-card .post-img, .video-section .half-width .pl-card .post-img,
    .latest-news.security-crime-news .post-card-inline .post-img,
    .security-crime-news.business-news .post-card-inline .post-img,
    .latest-news.security-crime-news .video-section .pl-card .post-img,
    .video-section .latest-news.security-crime-news .pl-card .post-img,
    .security-crime-news.business-news .video-section .pl-card .post-img,
    .video-section .security-crime-news.business-news .pl-card .post-img {
    margin-bottom: 0.6rem;
    padding-right: 15px;
  }
  
  .video-section .playlist {
    margin-top: 2rem;
  }
  
  .video-section .post-card-inline, .video-section .pl-card {
    margin-bottom: 20px;
  }
  
  .category-page .main .post-card-inline .post-img, .category-page .main .video-section .pl-card .post-img, .video-section .category-page .main .pl-card .post-img {
    height: 180px;
  }
  
  .category-page .bankings .side-card .post-img {
    height: 180px;
  }
  
  .category-page .bankings .post-card.col-md-4 .post-img, .category-page .bankings .headlines .col-md-4.main .post-img, .headlines .category-page .bankings .col-md-4.main .post-img {
    height: 120px;
  }
  
  .category-page .trending-post .trending-card {
    width: calc(50% - 20px);
  }
}

@media (max-width: 767px) {
  .navbar.main-nav {
    height: 55px;
    align-items: center;
  }
  
  .top-news .post-lg .post-title, .top-news .post-lg .post-title-lg {
            font-weight: 800;
        line-height: 150%;
        margin-bottom: 10px;
        font-size: 28px;
        text-align: center;
  }
  
  .headlines .main .post-title, .headlines .main .post-title-lg {
    font-size: 1.4rem;
    line-height: 150%;
    text-align: center;
    margin-bottom: 1.3rem;
  }
  
  .navbar.main-nav .navbar-brand img {
    height: 60px;
  }
  
  .navbar.main-nav .navbar-nav {
    top: 90px;
    height: calc(100vh - 90px);
  }
  
  .navbar.main-nav .navbar-nav.open {
    width: 100%;
  }
  
  footer .categories .category-list {
    grid-template-columns: 100%;
  }
  
  footer .footer-bottom .navbar.xtra-nav {
    display: block;
  }
  
  footer .footer-bottom .navbar.xtra-nav .navbar-nav::before {
    width: 100%;
  }
  
  .pagination {
    width: 100%;
    justify-content: center;
  }
  
  .pagination li {
    font-size: 14px;
    padding: 11px 13px;
  }
  
  .ads-wrapper.w-100,
    .ads-container.w-100 {
    height: auto;
    margin: 20px 0;
  }
  
  .ads-wrapper.square .img-container,
    .ads-container.square .img-container {
    width: 100%;
    min-height: inherit;
    max-height: inherit;
    margin-top: 1.5rem;
  }
  
  .ads-wrapper.flex, .ads-wrapper.flex-center, .post-info .ads-wrapper.author, header .socials .ads-wrapper.social-icon, footer .socials .ads-wrapper.social-icon, .author-profile .ads-wrapper.social-icon, .main-article .ads-wrapper.social-icon, .top-news .post-lg .ads-wrapper.post-info, .top-news .post-lg .post-info .ads-wrapper.author, .ads-wrapper.flex-h-center, .ads-wrapper.flex-v-center, .ads-wrapper.post-info, .main-article .ads-wrapper.article-author, .breaking-news .ads-wrapper.carousel-indicators, .spotlight .ads-wrapper.carousel-indicators, .ads-wrapper.flex-j-sb,
    .ads-container.flex,
    .ads-container.flex-center,
    .post-info .ads-container.author,
    header .socials .ads-container.social-icon,
    footer .socials .ads-container.social-icon,
    .author-profile .ads-container.social-icon,
    .main-article .ads-container.social-icon,
    .top-news .post-lg .ads-container.post-info,
    .top-news .post-lg .post-info .ads-container.author,
    .ads-container.flex-h-center,
    .ads-container.flex-v-center,
    .ads-container.post-info,
    .main-article .ads-container.article-author,
    .breaking-news .ads-container.carousel-indicators,
    .spotlight .ads-container.carousel-indicators,
    .ads-container.flex-j-sb {
    flex-wrap: wrap;
  }
  
  .ads-wrapper.flex .img-container, .ads-wrapper.flex-center .img-container, .post-info .ads-wrapper.author .img-container, header .socials .ads-wrapper.social-icon .img-container, footer .socials .ads-wrapper.social-icon .img-container, .author-profile .ads-wrapper.social-icon .img-container, .main-article .ads-wrapper.social-icon .img-container, .ads-wrapper.flex-h-center .img-container, .ads-wrapper.flex-v-center .img-container, .ads-wrapper.post-info .img-container, .main-article .ads-wrapper.article-author .img-container, .breaking-news .ads-wrapper.carousel-indicators .img-container, .spotlight .ads-wrapper.carousel-indicators .img-container, .ads-wrapper.flex-j-sb .img-container,
    .ads-container.flex .img-container,
    .ads-container.flex-center .img-container,
    .post-info .ads-container.author .img-container,
    header .socials .ads-container.social-icon .img-container,
    footer .socials .ads-container.social-icon .img-container,
    .author-profile .ads-container.social-icon .img-container,
    .main-article .ads-container.social-icon .img-container,
    .ads-container.flex-h-center .img-container,
    .ads-container.flex-v-center .img-container,
    .ads-container.post-info .img-container,
    .main-article .ads-container.article-author .img-container,
    .breaking-news .ads-container.carousel-indicators .img-container,
    .spotlight .ads-container.carousel-indicators .img-container,
    .ads-container.flex-j-sb .img-container {
    margin-bottom: 1.5rem;
  }
  
  .main-article .article-title {
    font-size: 1.6rem;

padding:0px;
  }
  
  .main-article .article-info {
    flex-wrap: wrap;
  }
  
  .main-article .article-author {
    flex-wrap: wrap;
  }
  
  .main-article .article-author .author-name {
    width: max-content;
  }
  
  .main-article .article-author .article-date {
    margin-top: 20px;
  }
  
  .main-article .article-share {
    margin-top: 20px;

z-index:9;
  }
  
  .comment-section {
    margin-top: 3rem;
  }
  
  .comment-section .comment .comment-content {
    line-height: 150%;
  }
  
  .comment-section .post-comment .form-group {
    flex-wrap: wrap;
  }
  
  .comment-section .post-comment .profile-img {
    margin-bottom: 20px;
  }
  
  .comment-section .post-comment .post-comment-btn {
    margin-left: 0;
  }
  
  .author-profile {
    flex-wrap: wrap;
    background-color: #f2f2f2;
    padding: 20px;
  }
  
  .author-profile .profile-img {
    width: 100%;
    height: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-width: inherit;
  }
  
  .author-profile .author-info {
    width: 100%;
  }
  
  .author-profile .author-head {
    flex-wrap: wrap;
    padding: 0;
  }
  
  .author-profile .social-icon {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 20px;
  }
  
  .author-profile .author-desc {
    font-size: 22px;
    line-height: 170%;
  }
  
  .highlight-post .post-container .post-img-container {
    height: 230px;
    margin-bottom: 20px;
  }
  
  .national-news.business-news .pills-container {
    padding-bottom: 0;
  }
  
  .national-news.business-news .pills-container::-webkit-scrollbar {
    display: none;
  }
  
    
  

.post-img  {
            height: 120px;
        object-fit: cover;
        width: 100%;
        margin-bottom: 4px;
        border-radius: 3px;
  }


  .d-block.d-sm-none .row {
    padding: 0 15px;
  }
  
  .top-news {
    margin-top: 0rem;
  }
  .top-news .post-lg {
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

  .top-news .post-lg .post-img {
    height: 220px;
  }
  
  .top-news .post-lg .post-xs .post-img {
    padding-right: 15px;
  }
  
  .breaking-news .carousel-indicators {
    width: min-content;
    margin: 0 auto;
    bottom: -40px;
  }
  
  .latest-news .post-card-lg .post-img, .business-news .post-card-lg .post-img {
    height: 250px;
  }
  
  .latest-news .right .post-card .post-img, .business-news .right .post-card .post-img, .latest-news .right .headlines .main .post-img, .headlines .latest-news .right .main .post-img, .business-news .right .headlines .main .post-img, .headlines .business-news .right .main .post-img {
    height: 220px;
  }
  
  .latest-news.business-news .post-container-sm, .business-news .post-container-sm {
    padding-left: 0px;
  }
  
  .latest-news.business-news .post-container-sm .post-card, .business-news .post-container-sm .post-card, .business-news .post-container-sm .headlines .main, .headlines .business-news .post-container-sm .main {
    padding-left: 15px;
  }
  
  .post-container-sm .col-lg-3 {
    padding-left: 15px;
  }
  
  .national-news .nav-pills {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }
  
  .national-news .nav-pills .nav-link {
    margin-bottom: 1.5rem;
    width: max-content;
  }
  
  .debates .col-6.post-card .post-img, .debates .headlines .col-6.main .post-img, .headlines .debates .col-6.main .post-img,
    .national-news .col-6.post-card .post-img,
    .national-news .headlines .col-6.main .post-img,
    .headlines .national-news .col-6.main .post-img,
    .latest-news .col-6.post-card .post-img,
    .business-news .col-6.post-card .post-img,
    .latest-news .headlines .col-6.main .post-img,
    .headlines .latest-news .col-6.main .post-img,
    .business-news .headlines .col-6.main .post-img,
    .headlines .business-news .col-6.main .post-img {
    height: 120px;
  }
  
  .sub-news .post-card.title-only, 
.sub-news .headlines .title-only.main, 
.headlines .sub-news .title-only.main {
           border-right: 0 !important;
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
        padding-left: 24px;
        transition: all 0.2s ease-in-out;
        margin-left: 30px;
}

/* Attractive modern bullet indicator */
.sub-news .post-card.title-only::before, 
.sub-news .headlines .title-only.main::before, 
.headlines .sub-news .title-only.main::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #29487d; /* Primary theme color */
    border-radius: 50%; /* Gives it a sleek dot look (change to 2px for a square) */
    box-shadow: 0 0 0 3px rgba(41, 72, 125, 0.1); /* Soft glowing aura */
    transition: transform 0.2s ease;
}

/* Hover effect to make it interactive */
.sub-news .post-card.title-only:hover::before, 
.sub-news .headlines .title-only.main:hover::before, 
.headlines .sub-news .title-only.main:hover::before {
    transform: scale(1.25);
    background-color: #d9534f; /* Accent change on hover (optional) */
    box-shadow: 0 0 0 4px rgba(217, 83, 79, 0.15);
}
  
  .post-card-inline .post-title, .video-section .pl-card .post-title, .post-card-inline .post-title-lg, .video-section .pl-card .post-title-lg {
    font-size: 20px;
    margin-bottom: 0.5rem;
    padding: 10px;
    text-align: left;
    line-height: 1.6em;
  }
  
  .post-container-sm .post-title, .post-container-sm .post-title-lg {
    font-size: 20px;
    line-height: 150%;
    text-align: center;
  }
  
  .latest-news .post-card-lg .post-title, .business-news .post-card-lg .post-title, .latest-news .post-card-lg .post-title-lg, .business-news .post-card-lg .post-title-lg {
    font-size: 1.3rem;
    line-height: 150%;
    text-align: center;
  }
  
  .post-title, .post-title-lg {
    display: block;
    font-family: "Mukta", serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #232323;
    line-height: 1.6em;
    text-align: left;
  }
  
  .half-width .post-card-md .post-img,
    .half-width .post-card-lg .post-img,
    .latest-news.security-crime-news .post-card-md .post-img,
    .security-crime-news.business-news .post-card-md .post-img,
    .latest-news.security-crime-news .post-card-lg .post-img,
    .security-crime-news.business-news .post-card-lg .post-img {
    height: 250px;
  }
  
  .half-width .post-card-inline .post-img, .half-width .video-section .pl-card .post-img, .video-section .half-width .pl-card .post-img,
    .health .post-card-inline .post-img,
    .health .video-section .pl-card .post-img,
    .video-section .health .pl-card .post-img,
    .security-crime-news .post-card-inline .post-img,
    .security-crime-news .video-section .pl-card .post-img,
    .video-section .security-crime-news .pl-card .post-img {
    height: 100px;
  }
  
  .interview .main-post .post-img {
    height: 250px;
  }
  
  .interview .main-post:before {
    top: 250px;
  }
  
  .interview .post-img {
    height: 120px;
  }
  
  .security-crime-news.latest-news .post-img.img-container, .security-crime-news.business-news .post-img.img-container,
    .health .post-img.img-container {
    padding-right: 0;
  }
  
  .video-section .video-player {
    width: 100%;
    height: 300px;
  }
  
  .trending-post .trending-card {
    width: 100%;
  }
  
  .top-grossed .nav-pills {
    justify-content: center;
  }
  
  .top-grossed .nav-pills .nav-link {
    font-size: 14px;
  }
  
  .category-page .main .post-card-inline .post-img, .category-page .main .video-section .pl-card .post-img, .video-section .category-page .main .pl-card .post-img {
    height: 90px;
  }
  
  .category-page .bankings .post-card-inline.post-card .post-img, .category-page .bankings .headlines .post-card-inline.main .post-img, .headlines .category-page .bankings .post-card-inline.main .post-img, .category-page .bankings .headlines .video-section .main.pl-card .post-img, .headlines .video-section .category-page .bankings .main.pl-card .post-img, .category-page .bankings .video-section .headlines .main.pl-card .post-img, .video-section .headlines .category-page .bankings .main.pl-card .post-img, .category-page .bankings .video-section .post-card.pl-card .post-img, .video-section .category-page .bankings .post-card.pl-card .post-img {
    padding-right: 15px;
  }
  
  .category-page .trending-post .trending-card {
    width: 100%;
  }
}

@media (max-width: 767px) and (min-width: 576px) {
  .navbar.main-nav {
    height: 75px;
  }
  
  .navbar.main-nav .navbar-nav {
    top: 75px;
    height: calc(100vh - 75px);
  }
}

@media screen and (min-width: 1366px) {
  .content-middle-ads {
    max-width: 30%;
    float: left;
    margin: 0px;
    position: relative;
    padding: 0px;
    background: #f4f4f4;
    height: 100%;
    width: 30%;
    display: block;
    text-align: center;
    margin-left: 11px;
    margin-bottom: 20px;
    margin-right: 15px;
  }
  
  .content-middle-ads img {
    width: 256px;
    display: inline-block;
    position: relative;
  }
}

@media (max-width: 991.98px) {
  .cmc_nav_wrapper {
    display: none !important;
  }
}

@media (min-width: 992px) {
  #cmcMobileDrawer {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .top-news .post-lg .post-info,
    .post-info {
    gap: 8px;
  }
  
  .top-news .post-lg .post-info .author,
    .post-info .author {
    font-size: 0.95rem;
  }
  
  .top-news .post-lg .post-time, 
    .post-time {
    font-size: 0.85rem;
  }
}

/* ---------------------------------------------------------
   FULL WIDTH SEARCH DROPDOWN GRID STYLING (RESPONSIVE)
------------------------------------------------------------ */
.navbar.main-nav .nav-item.search {
    position: static !important; /* Changed to static so the dropdown centers relative to the full navbar container width */
}

.navbar.main-nav .nav-item.search .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 1140px !important; /* Aligns with your desktop site container width */
    margin: 0 auto !important;     /* Centers it horizontally on desktop */
    padding: 1.5rem 20px !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    border-top: 2px solid #dc3545 !important;
    z-index: 9999 !important;
}

.navbar.main-nav .nav-item.search .dropdown-menu.show {
    display: block !important;
}

/* Desktop & Mobile Responsive Grid for Search Form */
.navbar.main-nav .nav-item.search .dropdown-item.search-form {
    display: grid !important;
    grid-template-columns: 2fr 1fr auto !important;
    gap: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    white-space: normal !important;
    align-items: center !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Tablet & Mobile Breakpoint for Search Grid */
@media (max-width: 991.98px) {
    .navbar.main-nav .nav-item.search .dropdown-menu {
        width: 100vw !important;
        max-width: 100vw !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        border-radius: 0 !important;
    }

    .navbar.main-nav .nav-item.search .dropdown-item.search-form {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }
}

.navbar.main-nav .nav-item.search .dropdown-item.search-form .form-control {
    width: 100% !important;
    height: 45px !important;
    font-size: 20px !important;
    border-radius: 6px !important;
    border: 1px solid #ced4da !important;
    padding: 0.5rem 20px !important;
    box-sizing: border-box !important;
}

.navbar.main-nav .nav-item.search .dropdown-item.search-form .date-inputs-wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    gap: 0.5rem !important;
    align-items: center !important;
    width: 100% !important;
}

.navbar.main-nav .nav-item.search .dropdown-item.search-form input[type="text"] {
    width: 100% !important;
    height: 45px !important;
    font-size: 0.9rem !important;
    border-radius: 6px !important;
    border: 1px solid #ced4da !important;
    padding: 0.375rem 0.5rem !important;
    background-color: #fff !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.navbar.main-nav .nav-item.search .dropdown-item.search-form button[type="submit"] {
    width: 100% !important;
    height: 45px !important;
    padding: 0 1.5rem !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   CMC CUSTOM NAVBAR & DESKTOP STYLING
------------------------------------------------------------ */
.main-nav {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 99999;
    border-top: solid 2px #d71920;
}

.cmc_nav_container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.main-nav .navbar-brand img {
    max-height: 40px;
    width: auto;
}

.main-nav .small-logo img {
    max-height: 35px;
    width: auto;
}

.navbar-toggler-custom {
    border: 1px solid #ced4da;
    background-color: transparent;
    padding: 0px 0px;
    border-radius: 4px;
    cursor: pointer;
}

.navbar-toggler-custom:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.cmc_nav_wrapper .cmc_main_menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cmc_nav_wrapper .cmc_main_menu li {
    position: relative;
}

.cmc_nav_wrapper .cmc_main_menu a.cmc_link {
    color: #333333 !important;
    font-weight: 800;
    padding: 12px 16px !important;
    display: block;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.cmc_nav_wrapper .cmc_main_menu a.cmc_link:hover,
.cmc_nav_wrapper .cmc_main_menu a.cmc_link:focus,
.cmc_nav_wrapper .cmc_main_menu .cmc_active > a.cmc_link {
    color: #dc3545 !important;
}

.cmc_nav_wrapper .cmc_caret {
    font-size: 11px;
    margin-left: 5px;
    vertical-align: middle;
}

/* Desktop Sub-menu Dropdowns */
.cmc_nav_wrapper .cmc_main_menu ul.cmc_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 12rem;
    padding: 0.5rem 0;
    margin: 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    list-style: none;
}

.cmc_nav_wrapper .cmc_main_menu li.cmc_has_dropdown:hover > ul.cmc_dropdown_menu {
    display: block !important;
}

.cmc_nav_wrapper .cmc_main_menu a.cmc_dropdown_link {
    display: block;
    width: 100%;
    padding: 8px 16px !important;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    text-decoration: none;
    font-size: 14px;
}

.cmc_nav_wrapper .cmc_main_menu a.cmc_dropdown_link:hover {
    background-color: #f8f9fa;
    color: #dc3545 !important;
}

.main-nav .search-icon {
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}

.main-nav .search-icon:hover {
    color: #dc3545;
}

.main-nav .dropdown-menu-right {
    right: 0;
    left: auto;
    min-width: 280px;
}


/* ---------------------------------------------------------
   HIGH-PERFORMANCE PROFESSIONAL MOBILE MENU STYLING
------------------------------------------------------------ */
@media (max-width: 991.98px) {
  .cmc_nav_wrapper {
    display: none !important;
  }

  #cmcMobileDrawer {
    display: none;
    width: 100% !important;
    background-color: #ffffff !important;
    padding: 0 0 20px 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    max-height: calc(100vh - 120px);
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    flex-basis: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
  }

  .cmc-mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #ffffff !important;
  }

  .cmc-mobile-nav-list li {
    width: 100%;
    background-color: #ffffff !important;
    margin-bottom: 0;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
  }

  .cmc-mobile-nav-list a.cmc_link {
    padding: 14px 18px !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222222 !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    background-color: #ffffff !important;
  }

  .cmc-mobile-nav-list a.cmc_link:hover,
  .cmc-mobile-nav-list a.cmc_link:focus {
    color: #dc3545 !important;
    background-color: #f8f9fa !important;
  }

  /* Dedicated mobile drop-down toggle box area */
  .cmc-mobile-nav-list li.cmc_has_dropdown > a .cmc_caret {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #dcdcdc;
    background-color: #f1f1f1;
    color: #333333;
    font-size: 14px;
    transition: background-color 0.15s ease;
  }

  .cmc-mobile-nav-list li.cmc_has_dropdown > a {
    padding-right: 65px !important;
  }

  .cmc-mobile-nav-list li.cmc_has_dropdown > a .cmc_caret:hover {
    background-color: #e2e6ea;
  }

  .cmc-mobile-nav-list li.cmc_has_dropdown.open-submenu > a .cmc_caret i {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
  }

  /* Mobile Sub-menu Container */
  .cmc-mobile-nav-list ul.cmc_dropdown_menu {
    position: static !important;
    float: none;
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #f8f9fa !important;
    display: none;
    list-style: none;
  }

  .cmc-mobile-nav-list ul.cmc_dropdown_menu li {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f9fa !important;
  }

  .cmc-mobile-nav-list a.cmc_dropdown_link {
    padding: 12px 25px !important;
    display: block;
    width: 100%;
    color: #444444 !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    background-color: #f8f9fa !important;
  }

  .cmc-mobile-nav-list a.cmc_dropdown_link:hover {
    color: #dc3545 !important;
    background-color: #f1f1f1 !important;
  }

  .cmc-mobile-search-wrapper {
    background-color: #ffffff !important;
    padding: 12px 15px;
    border-bottom: 2px solid #dcdcdc;
  }

  .cmc-mobile-search-wrapper .form-control {
    height: 44px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    padding-left: 15px;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .cmc-mobile-search-wrapper .btn {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 8px;
  }
}

/* Desktop Safety Shield */
@media (min-width: 992px) {
  #cmcMobileDrawer {
    display: none !important;
  }
}

/* =========================================================
   CENTERED CMC POST META WRAPPER & RESPONSIVE STYLING
   ========================================================= */

.cmc-post-meta-wrap {
  display: flex;
  align-items: center;
  justify-content: center; /* Centers the content horizontally */
  flex-wrap: wrap;
  gap: 15px;
  margin: 15px auto;
  width: 100%;
}

/* Author Box & Avatar Styling */
.cmc-post-meta-wrap .cmc-author-box {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 20px;
  color: #212529;
}

.cmc-post-meta-wrap .cmc-author-img-wrap img {
  border-radius: 50% !important;
  object-fit: cover;
  border: 1px dashed #bf1e2e;
 padding:5px;
  display: block;
  width: 35px;
  height: 35px;
}

.cmc-post-meta-wrap .cmc-author-name {
  color: #212529;
  font-size: 1.25rem;
  font-family: "Mukta", sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.cmc-post-meta-wrap .cmc-author-name:hover {
  color: #d71920;
}

/* Time Wrap & Clock Icon Styling */
.cmc-post-meta-wrap .cmc-time-wrap {
  display: flex;
  align-items: center;
}

.cmc_post {
  font-size: 1.05rem;
  font-weight: 600;
  color: #232323;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  font-family: "Mukta", sans-serif;
}

.cmc_post::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 16px;
  color: #232323;
}

/* =========================================================
   RESPONSIVE MEDIA QUERIES FOR MOBILE VIEWPORTS
   ========================================================= */
@media (max-width: 767.98px) {
  .cmc-post-meta-wrap {
    gap: 10px;
    margin: 12px auto;
  }

  .cmc-post-meta-wrap .cmc-author-name {
    font-size: 1.05rem;
  }

  .cmc_post {
    font-size: 0.95rem;
  }

  .cmc_post::before {
    font-size: 14px;
  }
}

@media (max-width: 575.98px) {
  .cmc-post-meta-wrap {
    gap: 8px;
    justify-content: center; /* Keeps everything centered on small screens */
  }

  .cmc-post-meta-wrap .cmc-author-name {
    font-size: 0.95rem;
  }

  .cmc_post {
    font-size: 0.85rem;
  }
}
.post-desc-lg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
   
}

.post-desc-lg .desc {
  font-size: 16px; /* Base size for mobile */
  line-height: 1.5;
  color: #4a5568; 
  text-align: center;
  max-width: 700px; 
  margin: 0 auto;
  font-weight: 400;
}

/* Links inside the description */
.post-desc-lg .desc a {
  color: #2563eb;
  text-decoration: underline;
}

/* Tablet screens and up */
@media (min-width: 768px) {
  .post-desc-lg {
   }
  .post-desc-lg .desc {
    font-size: 18px;
    line-height: 1.6;
  }
}

/* Desktop screens and up */
@media (min-width: 1024px) {
  
  .post-desc-lg .desc {
    font-size: 20px; /* Full desktop size you requested */
    line-height: 1.65;
  }
}


.post-title-mg a {
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  line-height: 28px;
  text-decoration: none; /* Optional: removes the default underline */
}

@media (min-width: 768px) {
  .post-title-mg a {
    font-size: 38px;
    line-height: 46px;
  }
}



.post-desc-lg_ach {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 15px; /* Mobile padding */
}

.post-desc-lg_ach .desc {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568; /* Soft, readable dark gray */
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
}

/* Links inside the description text */
.post-desc-lg_ach .desc a {
  color: #2563eb;
  text-decoration: underline;
}

/* Tablet screens and up */
@media (min-width: 768px) {
  .post-desc-lg_ach {
    padding: 50px 20px;
  }
  .post-desc-lg_ach .desc {
    font-size: 18px;
  }
}

/* Desktop screens and up */
@media (min-width: 1024px) {
  .post-desc-lg_ach {
    padding: 60px 20px; /* Your exact requested desktop padding */
  }
  .post-desc-lg_ach .desc {
    font-size: 20px;
  }
}





  
.cmc_video_section {
    width: 100%;
    padding: 1rem 0;
    background-color: #0d1b2a; /* Dark cinematic video theme backdrop */ 
}

/* Header Flex Styling */
.cmc-video-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

.cmc-video-main-heading {
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #ffffff;
   
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 8px 12px 0 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.cmc-video-main-heading a {
    color: #ffffff;
    text-decoration: none;
}

.cmc-video-header-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    z-index: 1;
}

.cmc-video-more-btn {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #0d1b2a;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    white-space: nowrap;
}

.cmc-video-more-btn:hover {
    color: #ef4444;
}

/* Main Hero Video Card */
.cmc-hero-video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.cmc-hero-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cmc-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.cmc-hero-video-wrapper:hover .cmc-hero-thumb img {
    transform: scale(1.03);
}

.cmc-hero-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
}

/* Middle Play Button with Pulse Animation */
.cmc-play-btn-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background-color: #ef4444;
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 3;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: cmc-pulse 2s infinite;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.cmc-play-btn-pulse i {
    margin-left: 3px; /* visual center for play icon */
}

.cmc-play-btn-pulse:hover {
    background-color: #dc2626;
    transform: translate(-50%, -50%) scale(1.1);
}

@keyframes cmc-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    70% {
        box-shadow: 0 0 0 18px rgba(239, 68, 68, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.cmc-hero-content {
    position: relative;
    padding: 22px;
    z-index: 2;
}

.cmc-hero-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.cmc-hero-title a:hover {
    color: #fca5a5;
}

/* Playlist / Right Container Styles */
.cmc-playlist-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cmc-playlist-card {
    display: flex;
    background: #132235;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    height: 92px;
    align-items: center;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.cmc-playlist-card:hover {
    transform: translateY(-2px);
    border-color: rgba(239, 68, 68, 0.4);
}

.cmc-playlist-thumb {
    width: 38%;
    min-width: 38%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
}

.cmc-playlist-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.cmc-playlist-card:hover .cmc-playlist-thumb img {
    transform: scale(1.06);
}

/* Small Play Button Overlay on Playlist Thumbnails */
.cmc-small-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-color: rgba(239, 68, 68, 0.9);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: background-color 0.2s ease;
}

.cmc-small-play-icon i {
    margin-left: 2px;
}

.cmc-playlist-card:hover .cmc-small-play-icon {
    background-color: #ef4444;
}

.cmc-playlist-info {
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 62%;
}

.cmc-playlist-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
}

.cmc-playlist-title a:hover {
    color: #fca5a5;
}

.cmc-playlist-time {
    font-family: 'Mukta', sans-serif;
    font-size: 12px;
    color: #94a3b8;
}

@media (max-width: 991px) {
    .cmc-hero-video-wrapper {
        min-height: 320px;
    }
} 




  
.saptahik-custom-block {
    padding: .5rem 0;
    background-color: #fff;
    width: 100%;
}

.saptahik-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

.saptahik-heading {
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #0b2545;
     
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 8px 12px 0 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.saptahik-heading a {
    color: #0b2545;
    text-decoration: none;
}

.saptahik-header-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #e2e8f0;
    z-index: 1;
}

.saptahik-more-btn {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #0b2545;
    background: #fff;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    white-space: nowrap;
}

.saptahik-top-grid {
    margin-bottom: 15px;
    display: flex;
    align-items: stretch;
}

/* Left Image Box */
.saptahik-hero-thumb {
    width: 100%;
    height: 100%;
    min-height: 350px;
    border-radius: 6px;
    overflow: hidden;
}

.saptahik-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Middle Highlight Box */
.saptahik-highlight-box {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    color: #fff;
    padding: 25px 20px;
    border-radius: 6px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.saptahik-highlight-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.saptahik-highlight-excerpt p {
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Right Feature Card */
.saptahik-right-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.saptahik-right-thumb {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.saptahik-right-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.saptahik-right-card:hover .saptahik-right-thumb img {
    transform: scale(1.03);
}

.saptahik-right-info {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.saptahik-right-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0b2545;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
}

.saptahik-right-excerpt p {
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    color: #64748b;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Bottom Grid Cards Styles */
.saptahik-bottom-grid {
    display: flex;
    flex-wrap: wrap;
}

.saptahik-grid-box {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.saptahik-grid-thumb {
    width: 100%;
    height: 150px;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    margin-bottom: 8px;
}

.saptahik-grid-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.saptahik-grid-box:hover .saptahik-grid-thumb img {
    transform: scale(1.03);
}

.saptahik-grid-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.saptahik-grid-title a:hover {
    color: #2563eb;
}

@media (max-width: 991px) {
    .saptahik-hero-thumb {
        min-height: 280px;
    }
    .saptahik-highlight-box {
        padding: 20px 15px;
    }
} 


  
.nepali-news-wrapper {
    width: 100%;
    padding: 2.5rem 0;
    background-color: #1b382b;
}

.nepali-header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1.5rem;
    width: 100%;
}

.nepali-main-heading {
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
   
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 8px 12px 0 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.nepali-main-heading a {
    color: #fff;
    text-decoration: none;
}

.nepali-header-flex::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.25);
    z-index: 1;
}

.nepali-more-btn {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #1b382b;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    white-space: nowrap;
}

.nepali-tab-list {
    display: flex;
    gap: 8px;
    border: none;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.nepali-tab-list .nav-item .nav-link {
    background-color: #ffffff;
    color: #1b382b;
    font-family: 'Mukta', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 16px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.nepali-tab-list .nav-item .nav-link.active {
    background-color: #2e694f;
    color: #fff;
}

.nepali-layout-main-card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 420px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.nepali-layout-main-thumb {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.nepali-layout-main-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.nepali-layout-main-card:hover .nepali-layout-main-thumb img {
    transform: scale(1.04);
}

.nepali-layout-main-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
}

.nepali-layout-main-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
}

.nepali-layout-main-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

.nepali-layout-mid-card {
    background: #152c21;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.nepali-layout-mid-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 12px;
}

.nepali-layout-mid-excerpt p {
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    color: #d1d5db;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nepali-layout-mid-arrows {
    display: flex;
    gap: 10px;
}

.custom-arrow-btn {
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;

display:none;
    transition: background 0.2s ease;
}

.custom-arrow-btn:hover {
    background: #2e694f;
}

.nepali-layout-right-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}

.nepali-layout-stack-item {
    display: flex;
    background: #152c21;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    height: calc(50% - 6px);
    transition: transform 0.2s ease;
}

.nepali-layout-stack-item:hover {
    transform: translateY(-2px);
}

.nepali-layout-stack-thumb {
    width: 45%;
    min-width: 45%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.nepali-layout-stack-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.nepali-layout-stack-item:hover .nepali-layout-stack-thumb img {
    transform: scale(1.05);
}

.nepali-layout-stack-info {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    width: 55%;
}

.nepali-layout-stack-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nepali-layout-bottom-card {
    display: flex;
    background: #152c21;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    height: 100px;
    transition: transform 0.2s ease;
}

.nepali-layout-bottom-card:hover {
    transform: translateY(-2px);
}

.nepali-layout-bottom-thumb {
    width: 38%;
    min-width: 38%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.nepali-layout-bottom-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.nepali-layout-bottom-card:hover .nepali-layout-bottom-thumb img {
    transform: scale(1.05);
}

.nepali-layout-bottom-info {
    padding: 10px 12px;
    display: flex;
    align-items: center;
    width: 62%;
}

.nepali-layout-bottom-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 768px) {
    .nepali-layout-main-card {
        min-height: 320px;
        margin-bottom: 15px;
    }
    .nepali-layout-mid-card {
        margin-bottom: 15px;
    }
} 




  
.cmc_busness {
    width: 100%;
    padding: 3rem 0;
    background-color: #f4f6f8;
}

.cmc-bus-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

.cmc-bus-main-heading {
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #0f172a;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 8px 12px 0 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.cmc-bus-main-heading a {
    color: #0f172a;
    text-decoration: none;
}

.cmc-bus-main-heading .heading-icon {
    color: #0284c7;
    margin-right: 6px;
}

.cmc-bus-header-wrap::after {
    content: "";
    position: absolute;
    left: 130px;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #cbd5e1;
    z-index: 1;
}

.cmc-bus-more-btn {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #0284c7;
    background: #f4f6f8;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    white-space: nowrap;
}

.cmc-bus-more-btn:hover {
    color: #0369a1;
}

.cmc-bus-hero-card {
    width: 100%;
    height: 100%;
    min-height: 380px;
    border-radius: 8px;
    overflow: hidden;
    background: #0f172a;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.cmc-bus-hero-thumb {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.cmc-bus-hero-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.cmc-bus-hero-card:hover .cmc-bus-hero-thumb img {
    transform: scale(1.04);
}

.cmc-bus-hero-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.6) 0%, transparent 100%);
}

.cmc-bus-hero-textbox {
    background: #ffffff;
    border-radius: 8px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.cmc-bus-tag {
    display: inline-block;
    background-color: #e0f2fe;
    color: #0369a1;
    font-family: 'Mukta', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 12px;
    width: fit-content;
    text-transform: uppercase;
}

.cmc-bus-hero-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}

.cmc-bus-hero-title a:hover {
    color: #0284c7;
}

.cmc-bus-mini-card {
    display: flex;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    height: 105px;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    transition: all 0.25s ease;
}

.cmc-bus-mini-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
    border-color: #cbd5e1;
}

.cmc-bus-mini-thumb {
    width: 38%;
    min-width: 38%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.cmc-bus-mini-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cmc-bus-mini-card:hover .cmc-bus-mini-thumb img {
    transform: scale(1.06);
}

.cmc-bus-mini-info {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    width: 62%;
}

.cmc-bus-mini-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cmc-bus-mini-title a:hover {
    color: #0284c7;
}

.cmc-bus-sidebar-box {
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

.cmc-bus-sidebar-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #0284c7;
}

.cmc-bus-sidebar-header {
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.cmc-bus-sidebar-heading a {
    font-family: 'Mukta', sans-serif;
    
    font-weight: 700;
    color: #0f172a;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.cmc-bus-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cmc-bus-sidebar-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed #e2e8f0;
    transition: transform 0.2s ease;
}

.cmc-bus-sidebar-item:hover {
    transform: translateX(4px);
}

.cmc-bus-sidebar-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.cmc-bus-sidebar-thumb {
    width: 95px;
    min-width: 95px;
    height: 72px;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
}

.cmc-bus-sidebar-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cmc-bus-sidebar-item:hover .cmc-bus-sidebar-thumb img {
    transform: scale(1.08);
}

.cmc-bus-sidebar-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cmc-bus-sidebar-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.6;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cmc-bus-sidebar-title a:hover {
    color: #0284c7;
}

@media (max-width: 991px) {
    .cmc-bus-hero-card {
        min-height: 280px;
    }
}


.animate-slide-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-slide-up.is-visible {
    opacity: 1;
    transform: translateY(0);
}


 
.cms_press_ent {
    width: 100%;
    padding: .5rem 0;
    background-color: #260721;
}

.cms-press-header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

.cms-press-main-heading {
    font-family: 'Mukta', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 8px 12px 0 0;
    margin: 0;
    background: transparent;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}

.cms-press-main-heading a {
    color: #fff;
    text-decoration: none;
}

.cms-press-header-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 1;
}

.cms-press-more-btn {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #260721;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 2;
    text-decoration: none;
    white-space: nowrap;
}

/* 1. Left Big Featured Card (Font Size 22px) */
.cms-press-big-feature-card {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.cms-press-big-thumb {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cms-press-big-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cms-press-big-feature-card:hover .cms-press-big-thumb img {
    transform: scale(1.03);
}

.cms-press-big-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
}

.cms-press-big-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px;
    z-index: 2;
}

.cms-press-big-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 25px; /* Requested font size */
    font-weight: 700;
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* 2. Right Stacked Cards (Font Size 18px) */
.cms-press-right-stack {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}

.cms-press-stack-card {
    position: relative;
    width: 100%;
    height: 192px;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.cms-press-stack-thumb {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cms-press-stack-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cms-press-stack-card:hover .cms-press-stack-thumb img {
    transform: scale(1.03);
}

.cms-press-stack-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, transparent 100%);
}

.cms-press-stack-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 16px;
    z-index: 2;
}

.cms-press-stack-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px; /* Requested font size */
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}

/* 3. Bottom Row Horizontal Cards (Font Size 18px) */
.cms-press-bottom-card {
    display: flex;
    background: #370d30;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    height: 95px;
    align-items: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.cms-press-bottom-card:hover {
    transform: translateY(-2px);
}

.cms-press-bottom-thumb {
    width: 38%;
    min-width: 38%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.cms-press-bottom-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.cms-press-bottom-card:hover .cms-press-bottom-thumb img {
    transform: scale(1.05);
}

.cms-press-bottom-info {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    width: 62%;
}

.cms-press-bottom-title a {
    font-family: 'Mukta', sans-serif;
    font-size: 18px; /* Requested font size */
    font-weight: 600;
    color: #fff;
    line-height: 1.35;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 991px) {
    .cms-press-big-feature-card {
        min-height: 320px;
    }
}

 
.post-title-mg a {
        font-size: 45px;
    font-weight: bold;
    color: #000000;
    line-height: 1.4em;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.category-page .post-grid-container {
    padding-top: 0rem;
}
.main-article .article-img {
    height: 100%;
}

.post-title-mg a:hover,
.article-title:hover,
.post-title:hover {
    color: #d71920;
    transition: color 0.2s ease-in-out;
}






/* Main wrapper for the ad - Sticky enabled */
.cmc-ad-wrapper-square {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    
    /* Sticky properties */
    position: sticky;
    top: 20px; /* Distance from the top of the viewport when scrolling */
    z-index: 10; /* Ensures the ad stays on top of other content if they overlap */
}

/* Inner container holding the dynamic sidebar widget */
.cmc-ad-wrapper-square .ads-container.square {
    width: 100%;
    display: block;
    overflow: hidden;
}

/* Style images and ad blocks with a bottom margin */
.cmc-ad-wrapper-square .ads-container.square img,
.cmc-ad-wrapper-square .ads-container.square ins {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto 15px auto;
}



/* Main Footer Wrapper */
.site-footer {
    background: linear-gradient(135deg, #111827 0%, #000080 100%);
    color: #f3f4f6;
    font-size: 14px;
    border-top: 4px solid #d71920;
    position: relative;
    font-family: inherit;
}

/* Extra Bottom Spacing for Mobile fixed tab bar so all footer content remains visible */
@media (max-width: 768px) {
    .site-footer {
        padding-bottom: 70px !important;
    }
}

/* Equal Height Rows via Flexbox */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/* Footer Widget Box */
.footer-widget {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 24px;
    flex: 1;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Widget Title Styling */
.footer-widget-title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}

.footer-widget-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 3px;
    background-color: #d71920;
    border-radius: 2px;
}

/* Editorial / Metadata List Styling */
.footer-meta-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-meta-list li {
    padding: 5px 0;
    color: #9ca3af;
    font-size: 18.5px;
}

.footer-meta-list li span {
    color: #ffffff;
}

/* Contact Section Specific Title */
.footer-contact-title {
    color: #ef4444 !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Useful Links Grid */
.footer-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li a {
    color: #d1d5db;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
    display: inline-block;
    position: relative;
    padding-left: 14px;
}

.footer-menu li a::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #d71920;
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.footer-menu li a:hover {
    color: #ffffff;
    transform: translateX(4px);
}

/* Vibrant Red Bottom Branding Bar */
.footer-bottom-bar {
    background: linear-gradient(135deg, #b91c1c 0%, #d71920 100%);
    color: #ffffff;
    padding: 24px 0;
    margin-top: 40px;
}

.footer-logo img {
    max-height: 45px;
    filter: brightness(0) invert(1);
}

.footer-copyright {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
}

.footer-permission {
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.5;
}

.footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 8px;
}

@media (min-width: 768px) {
    .footer-social-icons {
        justify-content: flex-end;
    }


}

.footer-social-icons .social-icon {
    width: 38px;
    height: 38px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-social-icons .social-icon:hover {
    background-color: #ffffff;
    color: #d71920;
    transform: translateY(-3px);
}

.footer-credits {
    background-color: #0b0f19;
    color: #9ca3af;
    font-size: 13px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Completely hide Developer Credit (Namuna Computer) on mobile devices */
@media (max-width: 768px) {
    .footer-credits {
        display: block !important;
    }
}

.nnews-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    background: #ffffff;
    padding: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}
/* ==========================================================================
   MOBILE FOOTER TAB NAVIGATION & POPUP DRAWER STYLING
   ========================================================================== */

/* Mobile Footer Tab Bar */
.cmc-foot-tab {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    display: none;
}

@media (max-width: 768px) {
    .cmc-foot-tab {
        display: block;
    }
}

.cmc-foot-tab .flx {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 60px;
}

.cmc-foot-tab .flx a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 11px;
}

.cmc-foot-tab .flx a svg {
    width: 22px;
    height: 22px;
    margin-bottom: 4px;
    fill: #2260bf;
}
/* ==========================================================================
   POPUP DRAWER STYLING (Responsive: Bottom Sheet on Mobile, Right Panel on Desktop)
   ========================================================================== */
.cmc-popup-drawer {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 80vh;
    max-height: 80vh;
    background: #f8f9fa;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.2);
    transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out;
    z-index: 1000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.cmc-popup-drawer.active {
    bottom: 0;
}

/* Desktop override: Full height right-side panel */
@media (min-width: 769px) {
    .cmc-popup-drawer {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 100%;
        max-width: 440px;
        height: 100vh;
        max-height: 100vh;
        transform: translateX(100%);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);
    }
    .cmc-popup-drawer.active {
        bottom: auto;
        transform: translateX(0);
    }
}

/* Unified Tab Header */
.cmc-popup-header-tabs,
.cmc-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    background: #ffffff;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    flex-shrink: 0;
}

@media (min-width: 769px) {
    .cmc-popup-header-tabs,
    .cmc-popup-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: #eae8e4;
        padding: 20px 24px;
    }
}

.cmc-popup-header h2 {
    margin: 0;
    color: #d71920;
    font-size: 22px;
    font-weight: 700;
}

/* Tab Triggers inside Header */
.tab-triggers {
    display: flex;
    gap: 30px;
}

.tab-btn {
    background: none;
    border: none;
    font-size: 22px;
    font-weight: bold;
    color: #888;
    cursor: pointer;
    padding: 0;
    transition: color 0.2s;
}

.tab-btn.active {
    color: #d71920;
}

/* Close Button Styling */
.cmc-close-btn {
    background: #d71920;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: background 0.2s;
    flex-shrink: 0;
}

.cmc-close-btn:hover {
    background: #a01824;
}

/* Popup Body & Panes */
.cmc-popup-body {
    padding: 15px 20px;
    overflow-y: auto;
    flex-grow: 1;
    box-sizing: border-box;
}

@media (min-width: 769px) {
    .cmc-popup-body {
        padding: 10px 24px;
    }
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* News Items Structure */
.news-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #e5e7eb;
    text-decoration: none;
    color: #111827;
    transition: color 0.2s;
}

.news-item:hover {
    color: #d71920;
    text-decoration: none;
}

.news-bullet {
    width: 8px;
    height: 8px;
    background-color: #d71920;
    border-radius: 50%;
    margin-right: 14px;
    flex-shrink: 0;
}

.news-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    flex: 1;
    padding-right: 15px;
}

.news-thumbnail {
    width: 75px;
    height: 55px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    margin-left: 10px;
}

/* Popup Footer Action Button (e.g. २४ घण्टाका ताजा अपडेट) */
.cmc-popup-footer-action {
    padding: 15px 20px;
    background: #eae8e4;
    border-top: 1px solid #e0e0e0;
    text-align: center;
    flex-shrink: 0;
}

.action-pill-btn {
    display: block;
    background: #ffffff;
    color: #d71920;
    border: 1px solid #e0deda;
    padding: 14px;
    border-radius: 50px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: background 0.2s, color 0.2s;
}

.action-pill-btn:hover {
    background: #faf8f5;
    color: #a01824;
    text-decoration: none;
}

/* Background Overlay */
.cmc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 998;
}

.cmc-overlay.active {
    visibility: visible;
    opacity: 1;
}

/* Search Popup Specific Styling */
.cmc-search-box {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.cmc-search-input {
    flex: 1;
    padding: 12px 15px;
    font-size: 16px;
    border: 2px solid #d71920;
    border-radius: 8px;
    outline: none;
}

.cmc-search-btn {
    background: #d71920;
    color: #fff;
    border: none;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
}

/* ==========================================================================
   DESKTOP FLOATING TRIGGERS (Right-Side Pill Buttons)
   ========================================================================== */
.desktop-floating-triggers {
    position: fixed;
    right: 25px;
    top: 150px;
    z-index: 997;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.desktop-floating-triggers .custom-pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #d71920;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.desktop-floating-triggers .custom-pill-btn:hover {
    background-color: #a01824;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
}

.desktop-floating-triggers .custom-pill-btn .pill-icon {
    margin-right: 8px;
    fill: currentColor;
    flex-shrink: 0;
}

/* Hide desktop floating triggers completely on mobile and tablet screens */
@media (max-width: 768px) {
    .desktop-floating-triggers {
        display: none !important;
    }

 .cmc-ad-wrapper-square {
    width: 100%;
        max-width: 300px;
        margin: 0px auto;
        padding: 22px;
        border-radius: 8px;
        box-sizing: border-box;
        position: relative;
        top: 20px;
        z-index: 10;
        border: 1px solid transparent;
        box-shadow: none;
        background: transparent;
}

.side-section-news {
    margin-bottom: -90px;
}


}


.post-title_live h2 {
    font-size: 62px;
    font-family: 'Mukta';
    font-weight: 600;
    color: #212529;
}

/* Mobile & Tablet Responsive Scaling for Title */
@media (max-width: 992px) {
    .post-title_live h2 {
        font-size: 42px !important;
    }
}

@media (max-width: 576px) {
    .post-title_live h2 {
        font-size: 28px !important;
        line-height: 1.2;
    }
}

@keyframes liveBlink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.cmc-header-live-badge {
    animation: liveBlink 1.2s infinite ease-in-out;
}

.cmc-live-card-wrapper {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
}

.pointer-events-none {
    pointer-events: none;
}

/* YouTube-Style Floating Mini Player Sticky Styles */
.cmc-sticky-mini-player {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 380px !important;
    max-width: 90vw !important;
    margin: 0 !important;
    z-index: 99999 !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.8) !important;
    border-radius: 12px !important;
    border: 2px solid rgba(220, 53, 69, 0.6);
    animation: slideUpMini 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes slideUpMini {
    from { transform: translateY(120px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
 




.site-ads-wrapper {
    width: 100%;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}

.full-width-banner-ads {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ensure any ad script, iframe, or image scales properly on mobile */
.full-width-banner-ads img,
.full-width-banner-ads iframe,
.full-width-banner-ads ins,
.full-width-banner-ads div {
    max-width: 100% !important;
    
}

/* Desktop Styles: Fixed 1200px width and 110px height */
@media (min-width: 1220px) {
    .full-width-banner-ads {
        width: 1200px;
        height: 110px;
    }
    
    .full-width-banner-ads iframe,
    .full-width-banner-ads ins,
    .full-width-banner-ads img {
        width: 1200px !important;
        height: 110px !important;
    }
}