body { font-family: 'Arial', sans-serif; background-color: #f4f6f9; color: #333; line-height: 1.7; }
 .hero { background: url('../images/about/munnar-wild-elephant.jpg') center/cover no-repeat; height: 500px; display: flex; align-items: center; justify-content: center; color: #fff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7); }
 .hero h1 { font-size: 4rem; font-weight: bold; }
 .section-title { text-align: center; margin: 60px 0 40px; font-weight: 700; color: #2c3e50; }
 .card-img-top { height: 250px; object-fit: cover; }
 .attraction-card:hover { transform: scale(1.05); transition: 0.3s; }
 footer { background: #2c3e50; color: #fff; padding: 40px 0; text-align: center; }
 .list-group-item { border: none; padding-left: 0; padding-right: 0; }
 .lead { font-size: 1.25rem; font-weight: 500; }