.desa-grid-cards{
    width:100%;
    margin:30px 0;
}
.desa-grid-cards__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.desa-grid-cards__item{
    background:#fff;
}
.desa-grid-cards__link{
    display:block;
    text-decoration:none;
}
.desa-grid-cards__image-wrap{
    position:relative;
    overflow:hidden;
    aspect-ratio: 3 / 4;
    background:#f3f3f3;
}
.desa-grid-cards__image,
.desa-grid-cards__placeholder{
    width:100%;
    height:100%;
    display:block;
}
.desa-grid-cards__image{
    object-fit:cover;
}
.desa-grid-cards__placeholder{
    background:#eaeaea;
}
.desa-grid-cards__pill{
    width:calc(100% - 56px);
    margin:16px auto 0;
    background:#39b54a;
    color:#1f4fa3;
    text-align:center;
    border-radius:999px;
    padding:14px 12px;
    font-size:18px;
    font-weight:700;
    line-height:1.2;
    box-sizing:border-box;
}
@media (max-width: 991px){
    .desa-grid-cards__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width: 767px){
    .desa-grid-cards__grid{
        grid-template-columns:1fr;
        gap:14px;
    }
    .desa-grid-cards__image-wrap{
        aspect-ratio:16 / 10;
    }
    .desa-grid-cards__pill{
        width:calc(100% - 36px);
        font-size:16px;
        padding:12px 10px;
    }
}

.desa-grid-cards .desa-card a, .desa-grid-cards .desa-card-title {color:#ffffff !important;}

.desa-grid-cards * {
    color:#ffffff !important;
}
.desa-grid-cards .desa-card-btn{
    color:#ffffff !important;
}