.hero {
 background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('../images/how-to-reach-munnar.jpg') center/cover no-repeat;
 color:#fff;
 min-height:45vh;
 display:flex;align-items:center;justify-content:center;
 text-align:center;
 }
 .hero h1{font-weight:700}
 .card{border-radius:1rem;box-shadow:0 6px 20px rgba(0,0,0,0.08)}
 .chip{display:inline-block;background:#eef5ff;color:#0d6efd;padding:.25rem .75rem;border-radius:20px;font-weight:600}
 .card{background:var(--card); border-radius:10px; padding:14px; box-shadow:0 6px 18px rgba(15,23,42,0.06)}