/*.article-list*/

.image-grid .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}

@media (max-width: 1024px) {
  .image-grid .row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .image-grid .row {
    grid-template-columns: 1fr;
  }
}

.image-grid .btn-primary-1 {
  width: 100%;
  background: transparent;
  color: var(--text-black);
  padding-top: 12px;
}


.image-grid .card .card__title {
  text-align: left;
}
/*Article listing*/
.image-grid .card__item{
    background: white;
    border-radius: 16px;
    overflow: hidden;
}

.image-grid .card__content{
    padding: 30px 40px;
}
.image-grid .card.list-with-date .content-title{
    font-size: 20px;
    line-height: 26px;
    margin-top: 0;
    text-transform: capitalize;
}
.image-grid div.card .card__bg{
    border-radius: unset;
}

@media (min-width: 768px) {
   .card.list-with-date .content-title{
    -webkit-line-clamp: 1 !important;
   }
}

.image-grid{
  a.card__link{
    position: relative;
  }

  a.card__link::after{
    content: '';
    background-image: url('/kindira/images/vector/bottom-sm.png');
    width: 100%;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
  }

  a.card__link::before{
    content: '';
    background-image: url('data:image/svg+xml,<svg width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.62 18.909C11.28 19.0303 10.72 19.0303 10.38 18.909C7.48 17.9079 1 13.7315 1 6.65281C1 3.52809 3.49 1 6.56 1C8.38 1 9.99 1.88989 11 3.26517C12.01 1.88989 13.63 1 15.44 1C18.51 1 21 3.52809 21 6.65281C21 13.7315 14.52 17.9079 11.62 18.909Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15 5C16.1043 5 17 5.89445 17 7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    right: 40px;
    bottom: 0;
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 25px;
    z-index: 2;
    border: 1px solid #EEEEEE; 
  }
}
body .image-grid .card .card__item{
    margin-block: 0;
}
@media(max-width: 992px){
  body .image-grid .row{
    gap: 20px;
  }
}