#___news___{
  margin-bottom:2.5rem;
  }

.__4_{
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
}

/* image wrapper */
.___4_img___{
  aspect-ratio: 3 / 2;   /* 300x200 */
  overflow: hidden;
}

.___4_img___>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* text content */
.____4_txt____ h5{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.____4_txt____ p{
  padding-bottom:0.5rem;
}
.____4_txt____ h5{text-transform:uppercase; font-size:1.1rem;}
.____4_txt____ p{text-transform:lowercase;}
.____4_txt____ p::first-letter { text-transform: uppercase;}

.____4_txt____ h5,
.____4_txt____ p{
  overflow: hidden;
  white-space: nowrap; /*нэг мөр болгох*/
}
.____4_txt____ h5 span,
.____4_txt____ p span{
  display: inline-block;
  transform: translateX(0);/*хөдөлдөг элемент*/
}
.____4_txt____ h5:hover,
.____4_txt____ p:hover{
  text-overflow: unset; /*Hover үед ellipsis арилгах*/
}
.____4_txt____ h5:hover span,
.____4_txt____ p:hover span{
  animation: ___ani____ 6s linear forwards;
}
@keyframes ___ani____ {
  0%   { transform: translateX(0); }
  10%  { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}



.__4_ a{
  width:50%;
  padding: 1rem;
  background-color: var(--accent-2);
  color: white;
  text-transform:lowercase;
  font-size: 0.9rem;
  border-radius:var(--radius);
  text-align:center; 
}
.__4_ a:hover{
  background-color: var(--accent)
}

.__4_ small{
  float: right;
  width:100%;
  display: inline-block;
  margin-bottom: 5px;
  color: #777;
  text-align:right; 
}