.parent{display:grid;grid-template-columns:50% 50%;grid-column-gap:10px;grid-row-gap:20px}.custom-card{border-radius:12px;color:inherit;justify-content:flex-end;min-height:572px;overflow:hidden;position:relative;text-decoration:none}.custom-card,.image-container{display:flex;flex-direction:column;height:100%;transition:transform .5s ease}.image-container{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-between;padding:20px}.overlay{background:linear-gradient(180deg,rgba(237,250,247,0),rgba(10,86,65,.8) 82%);background-blend-mode:multiply;bottom:0;left:0;position:absolute;right:0;top:0;transition:background .8s cubic-bezier(.25,.8,.25,1);z-index:1}.custom-card:hover .overlay{background:linear-gradient(180deg,rgba(237,250,247,0),rgba(10,86,65,.8) 82%),linear-gradient(180deg,rgba(237,250,247,0),rgba(10,86,65,.8) 65%);background-blend-mode:multiply}.card-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:2}.category-icon{height:40px;width:40px}.custom-card .card-body{display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:transform .5s ease;z-index:2}.custom-card:hover .card-body{transform:translateY(-15px)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.read-more{font-size:1em;font-weight:700;letter-spacing:.75px;line-height:20px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.custom-card:hover .read-more{opacity:1;transform:translateY(0)}.arrow img{height:20px;width:20px}@media screen and (min-width:768px){.parent{grid-template-columns:repeat(4,1fr);grid-column-gap:20px;grid-row-gap:30px}.post-card:nth-child(11n+1){grid-column:1/3}.post-card:nth-child(11n+2){grid-column:3/5}.post-card:nth-child(11n+3){grid-column:1/2}.post-card:nth-child(11n+4){grid-column:2/3}.post-card:nth-child(11n+5){grid-column:3/5}.post-card:nth-child(11n+6){grid-column:1/2}.post-card:nth-child(11n+7){grid-column:2/4}.post-card:nth-child(11n+8){grid-column:4/5}.post-card:nth-child(11n+9){grid-column:1/3}.post-card:nth-child(11n+10){grid-column:3/4}.post-card:nth-child(11n+11){grid-column:4/5}}@media screen and (max-width:768px){.custom-card{min-height:360px!important;width:96%}h3.card-title,h5.card-title{font-size:18px!important;font-style:italic}.read-more{display:none}}