.body { font-family: 'Segoe UI', sans-serif; background-color: #f3f9f7; } .hero-section { /*/background: linear-gradient(to right, #0f9d58, #34a853);*/ background: url('../img/info/munnar-tea-garden.jpg') no-repeat center center/cover; color: white; padding: 60px 20px; text-align: center; } .place-card { background: #fff; border-radius: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); transition: transform 0.3s; } .place-card:hover { transform: translateY(-8px); } .place-card img { border-radius: 15px 15px 0 0; height: 200px; object-fit: cover; } .place-card .card-body { padding: 20px; }