*{box-sizing:border-box}body{background-color:#f1f1f1;grid-template-rows:repeat(2,1fr);margin:0;font-family:Inter,Arial,sans-serif;display:grid}.heading{text-align:center;color:#fff;z-index:100;background-color:#4770db;width:100%;margin:0;padding:50px 20px 30px;font-size:2rem;font-weight:600;position:fixed;top:0}.head{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:160px;padding:20px;display:flex}.card{background:#fff;border-radius:18px;width:500px;min-height:400px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.card:hover{box-shadow:0 14px 40px #00000026}.image-box{background:#f4f6fb;border-radius:14px;justify-content:center;align-items:center;max-width:100%;height:auto;margin-bottom:16px;display:flex;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%;margin:0;padding:0;display:block}.title{color:#1f3fbf;text-align:center;margin-top:10px;font-size:18px;font-weight:600}.description{color:#333;text-align:center;margin-top:8px;font-size:14px;line-height:1.5}.feature{color:#555;text-align:center;margin-top:6px;font-size:13px}.glow{opacity:0;background:radial-gradient(#4770db40,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.card:hover .glow{opacity:1}@media (max-width:768px){.heading{padding:35px 10px 20px;font-size:1.5rem}.card{width:100%;max-width:380px}}