.post-grid{display:flex;flex-wrap:wrap;gap:25px;position:relative}.post-card{width:31.6%;position:relative;overflow:hidden;border-radius:6px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;background:#000}.post-card::before{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,0) 40%,var(--global-palette3,#1A202C) 90%);z-index:0;transition:all .3s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.post-card img{width:100%;height:240px;object-fit:cover}.post-title{position:relative;color:#fff;padding:0;font-weight:700;font-size:20px;height:38px;overflow:hidden}.post-meta{height:100px;color:#fff;padding:0;font-size:14px;font-weight:600}.post-group h2{border-bottom:1px solid #333;color:#1a4ebf;margin:20px 0;padding-top:15px}.alphabet-nav{text-align:center;margin-bottom:20px}.alphabet-nav a{padding:2px 10px;margin:4px 5px;display:inline-block;background:#e6f0ff;text-decoration:none;color:#1a4ebf!important;font-size:30px;font-weight:500;width:40px}.alphabet-nav a:hover{background:gold;color:#1a4ebf!important}.post_details{padding:0 20px;position:absolute;bottom:-96px;left:0;right:0;transition:all .3s ease}.post_details i.fa.fa-map-marker{margin-top:-60px;float:left;font-size:50px;color:#fff}a.post-card:hover .post_details{bottom:-33px;transition:all .3s ease}.post-group{margin-bottom:40px}.post-card{border-radius:6px;overflow:hidden;position:relative}@media(min-width:240px) and (max-width:479px){.post-card{width:100%}}@media(min-width:480px) and (max-width:767px){.post-card{width:50%}}@media(min-width:768px) and (max-width:999px){.post-card{width:30%}}