.login_user a {
  background: red !important;
  color: white !important;
  border-radius: 3px !important;
}

.nav_logo {
  height: 4rem;
  border-radius: 5px;
}
.no-white-space {
  white-space: nowrap;
}
.scrolling_img {
  width: 5rem;
  aspect-ratio: 1;
  object-fit: cover;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 12px !important;
}
.swiper-button-next,
.swiper-button-prev {
  width: unset !important;
  height: unset !important;
  background-color: black;
  color: white !important;
  border-radius: 50%;
  padding: 12px 14px !important;
}
.swiper-slide .news-block .inner-box .lower-content {
  border: unset;
}
.swiper-slide .news-block .inner-box .lower-content:hover {
  box-shadow: none;
}
.news-block .inner-box .lower-content h5 a {
  text-decoration: none;
}
.nivoSlider img {
  height: 54rem;
  object-fit: cover;
  object-position: top;
}
.nivoSlider {
  border-radius: 5px;
}
.preview-2 .nivo-directionNav a.nivo-prevNav:before,
.preview-2 .nivo-directionNav a.nivo-nextNav:before {
  background-color: black;
  border-radius: 50%;
}
.nivo-caption a {
  text-decoration: none;
}
.ticker-head {
  margin-bottom: 10px;
  border-radius: 5px;
}
.news-post {
  padding-left: 0;
}
a {
  text-decoration: none !important;
}
.sidebar-latest .like-box ul li a {
  width: 100%;
}
.sidebar-latest .newsletter-info form .btn-send {
  height: 100%;
}
.separator-large .date {
  color: black;
}
.news_list {
  height: 23rem;
  overflow-y: hidden;
}
.video_ads_list video{
  height: 100%;
  object-fit: cover;
}
.swiper-container-video-ads{
  overflow-x: hidden;
}
.swiper-container-video-ads .swiper-slide {
  width: calc(100% / 1.5);
}

.ad-badge {
  top: 5px;
  left: 11px;
  font-size: 20px;
  color: #ccc;
}
.breaking_news_new_section h1 {
  background-color: red;
  color: white;
  border-radius: 1rem 0;
  padding-block: 1rem;
}
.breaking_news_new_section .card {
  margin-bottom: 5px;
  border: 0;
}
.breaking_news_new_section .image-container-shade {
  position: relative;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  height: 100%;
}

.breaking_news_new_section .image-container-shade img {
  display: block;
  height: 100%;
  object-fit: cover;
}

.breaking_news_new_section .image-container-shade::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Adjust the height as needed */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none; /* Allows clicks to pass through */
}
.breaking_news_new_section .card-body {
  position: absolute;
  bottom: 0;
  color: #fff;
}
/* Bootstrap reset */

.form-control:focus,
button {
  border-color: unset !important;
  box-shadow: none !important;
}

/* Dark mode styles */
.dark-mode {
  background-color: #333;
  color: #fff;
}

body {
  height: fit-content;
}
.dark-mode .header-top-left li > * {
  color: red !important;
}

.dark-mode .title-bg {
  color: #fff;
}

.dark-mode .text-dark {
  color: #fff;
}

.dark-mode .btn-secondary {
  background-color: #555;
  border-color: #555;
}

.dark-mode .btn-secondary:hover {
  background-color: #666;
  border-color: #666;
}

#dark-mode-toggle {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 10;
  border-radius: 50%;
  padding: 10px 14px;
}
