.body { background: #f8f9fa; font-family: 'Segoe UI', sans-serif; } .hero-section { background: linear-gradient(to right, #006400, #32cd32); color: white; padding: 60px 20px; text-align: center; } /*.hero-section { background: url('img/tout/munnar.jpg') center/cover no-repeat; color: #fff; padding: 5rem 2rem; }*/ h2.section-title { text-align: center; font-weight: bold; color: #2a4033; margin: 40px 0 30px; } .package-card { border-radius: 16px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); overflow: hidden; transition: 0.3s; margin-bottom: 30px; background: #fff; } .package-card:hover { transform: scale(1.02); } .package-img { width: 100%; height: 200px; object-fit: cover; } .package-content { padding: 1.2rem; } .package-title { font-size: 1.2rem; font-weight: bold; color: #2e7d32; } .price { color: #d32f2f; font-weight: 600; margin-bottom: 10px; } .btn-custom { margin: 0 5px 5px 0; background-color: #388e3c; color: #fff; border: none; padding: 0.4rem 1rem; border-radius: 6px; transition: 0.3s; } .btn-custom:hover { background-color: #2e7d32; } .btn-group-custom { display: flex; flex-wrap: wrap; }