.card-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.card-date{color:#004d3e!important}.card{background:#fff;border-radius:10px;height:420px;overflow:hidden;position:relative;text-align:left}.card-inner{color:#fff;display:block;height:100%;position:relative;text-decoration:none}.card-bg{background-image:none!important;background-position:50%;background-size:cover;transition:transform .5s ease}.card-bg,.card-overlay{inset:0;position:absolute}.card-overlay{opacity:.7;transition:opacity .4s ease}.card:hover .card-overlay{background:linear-gradient(180deg,#004d3e,#004d3e 60%,rgba(0,0,0,.6) 130%,#000 0);opacity:1}.card:hover .card-date,.card:hover .card-title{color:#fff!important}.card-top{left:20px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .5s ease;z-index:2}.card:hover .card-top{top:30px;transform:translate(0)}.card-tag{font-size:12px;letter-spacing:1px;opacity:.8}.card-title{color:#004d3e!important;font-size:20px;font-weight:600;line-height:1.3;margin-top:10px}.card-hover{bottom:-100%;left:0;padding:20px;position:absolute;right:0;transition:all .4s ease;z-index:2}.card-desc{font-size:16px;line-height:1.4;margin-bottom:20px;opacity:0;transition:opacity .4s ease}.card-expand{color:#fff;font-size:16px;font-weight:600}.card:hover .card-hover{bottom:55px}.card:hover .card-desc{color:#fff;opacity:1}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.card-grid{grid-template-columns:1fr}}