.tag-badge { background-color: #ea2d8e; color: #fff; margin-right: 5px; font-size: 0.85rem; padding: 5px 10px; }
    .news-image { max-height: 420px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
    .gallery img { border-radius: 8px; transition: transform 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
    .gallery img:hover { transform: scale(1.05); }
    .top-news li { margin-bottom: 12px; font-size: 0.95rem; }
    .top-news li i { color: #632d8b; margin-right: 6px; }
    .share-buttons a { margin-right: 8px; }
    .share-buttons i { font-size: 1.1rem; }

 

    .tag-badge {
      background-color: #ea2d8e;
      color: #fff;
      margin-right: 5px;
      font-size: 0.85rem;
      padding: 5px 10px;
    }
    .news-image {
      max-height: 420px;
      object-fit: cover;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .gallery img {
      border-radius: 8px;
      transition: transform 0.3s ease;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
    .gallery img:hover {
      transform: scale(1.05);
    }
    .top-news li {
      margin-bottom: 12px;
      font-size: 0.95rem;
    }
    .top-news li i {
      color: #632d8b;
      margin-right: 6px;
    }
    .share-buttons a {
      margin-right: 8px;
    }
    .share-buttons i {
      font-size: 1.1rem;
    }
  .popular-news-box {
  background-color: #fff;
  border: 1px solid #e3e7f0;
  transition: box-shadow 0.3s ease;
}

.popular-news-box:hover {
  box-shadow: 0 4px 20px rgba(99, 45, 139, 0.15);
}

.top-news .news-item {
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
  transition: background-color 0.25s ease;
}

.top-news .news-item:last-child {
  border-bottom: none;
}

.top-news .news-item:hover {
  background-color: #f9f9fc;
  border-radius: 6px;
  padding-left: 5px;
}

.thumb-img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 6px;
  margin-right: 12px; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.news-text a {
  display: block;
  color: #333;
  text-decoration: none;
  line-height: 1.4;
}

.news-text a:hover {
  text-decoration: underline;
  color: #632d8b;
}


.news-body p {
  
  text-indent: 2em;           
  margin-bottom: 1.2em;       
  line-height: 1.7;           
}