.blog-section{font-family:var(--font-sans);color:#fff;background:#444;padding:6rem 2rem;position:relative;overflow:hidden}.blog-heading{text-align:center;color:#f9a451;margin-bottom:4rem;font-size:2.8rem;font-weight:700;position:relative}.blog-container{flex-wrap:wrap;justify-content:center;gap:2.5rem;display:flex}.blog-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#3333338c;border:1px solid #00000050;border-radius:1.25rem;flex-direction:column;justify-content:space-between;max-width:340px;min-height:700px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000004d}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006}.blog-image-wrapper{border-bottom:1px solid #ffffff1a;width:100%;height:220px;overflow:hidden}.blog-img{object-fit:cover;width:100%;height:100%}.blog-details{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:70%;padding:1.5rem;display:flex}.blog-title{color:#fff;margin:0 0 .8rem;font-size:1.3rem;font-weight:700}.blog-snippet{color:#ffffffd9;width:100%;padding-right:3rem;font-size:1rem;line-height:1.5;position:absolute;top:25rem;left:6px}.blog-read-btn{color:#fff;cursor:pointer;background:#f9a451;border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1.2rem;font-weight:600;transition:background .3s}.blog-read-btn:hover{background:#e68c30}@media (max-width:768px){.blog-heading{font-size:2rem}.blog-card{max-width:100%}}