.dpg-grid{
display:grid;
grid-gap:30px;
margin:40px 0;
}

.dpg-grid.columns-1{grid-template-columns:1fr;}
.dpg-grid.columns-2{grid-template-columns:repeat(2,1fr);}
.dpg-grid.columns-3{grid-template-columns:repeat(3,1fr);}
.dpg-grid.columns-4{grid-template-columns:repeat(4,1fr);}

.dpg-card{
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:all .3s ease;
display:flex;
flex-direction:column;
}

.dpg-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

.dpg-image img{
width:100%;
height:auto;
display:block;
}

.dpg-content{
padding:20px;
display:flex;
flex-direction:column;
flex-grow:1;
}

.dpg-title{
font-size:20px;
margin-bottom:10px;
}

.dpg-title a{
text-decoration:none;
color:#A540DC;
}

.dpg-title a:hover{
color:#012D54;
}

.dpg-meta{
font-size:14px;
color:#777;
margin-bottom:12px;
}

.dpg-excerpt{
font-size:15px;
color:#555;
margin-bottom:20px;
flex-grow:1;
}

.dpg-readmore{
color:#A540DC;
font-weight:600;
text-decoration:none;
}

.dpg-readmore:hover{
text-decoration:underline;
}

.dpg-pagination{
margin-top:40px;
text-align:center;
}

.dpg-pagination .page-numbers{
display:inline-block;
padding:8px 14px;
margin:4px;
background:#f2f2f2;
border-radius:4px;
text-decoration:none;
color:#333;
}

.dpg-pagination .current{
background:#A540DC;
color:#fff;
}

@media(max-width:1024px){

.dpg-grid.columns-3{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.dpg-grid{
grid-template-columns:1fr !important;
}

}