.nav-pills.blog .nav-link{
  transition: all ease-in-out 0.3s;
  padding: 8.5px 12px;
  border-color: #ffff !important;
}

.nav-pills.blog .nav-link:hover{
  border-color: #DDE0E4 !important;
}

.nav-pills.blog .nav-link.active{
  text-decoration: none;
  color: #16B054 !important;
  background-color: #E5FAED !important;
  border-color: #16B054 !important;
}

.nav-pills.blog {
  scrollbar-width: thin;
  scrollbar-color: #e9e9e9 transparent;
}

.nav-pills.blog::-webkit-scrollbar-track {
  background: transparent;
}

.nav-pills.blog::-webkit-scrollbar-thumb {
  background-color: #e9e9e9;
}

.hero{
  background: linear-gradient(90deg, #001309 0%, #06421E 54.31%, #047D43 99.90%), radial-gradient(327.07% 106.63% at 74.16% -59.74%, #FFF 3.81%, #F2FFE4 32.06%, #E8FFF0 100%), linear-gradient(90deg, #1D0C5E 0%, #4D074A 60.89%, #3A047D 99.90%);
}

.popular:hover{
  color: #16B054;
}
.popular{
  transition: all ease-in-out 0.3s;
  color: #3E4957;
}

.border-line {
  width: 1px;
  height: 16px;
  background-color: #dde0e4;
  margin: 0 6px;
}

@media (min-width: 745px) and (max-width: 1280px) {
  .article-info{
    flex-wrap: wrap;
  }
  .border-line {
    display: none;
  }
}

@media (max-width: 767px) {
  .border-line{
    margin: 0 15px;
  }
}

.rating {
  flex-direction: row-reverse;
  gap: 0.25rem;
}

.rating input[type="radio"] {
  display: none;
}

.rating label {
  cursor: pointer;
  font-size: 43px;
  color: #e4e5e9;
  transition: color 0.1s ease;
}

.rating label:hover,
.rating label:hover ~ label {
  color: #fed201;
}

.rating input[type="radio"]:checked + label,
.rating input[type="radio"]:checked + label ~ label {
  color: #fed201;
}

@media (min-width: 767px){
  .smallCarousel .carousel-control-prev{
    left: -35px !important;
  }
  
  .smallCarousel .carousel-control-next{
    right: -35px !important;
  }
}