.body { font-family: 'Segoe UI', sans-serif; background-color: #f8f9fa; } .hero { background: url('../img/taxi/munnar.jpg') no-repeat center center/cover; color: white; padding: 60px 20px; text-align: center; } .section-title { font-weight: bold; margin-bottom: 40px; } .taxi-card { background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); transition: 0.3s ease; padding: 20px; } .taxi-card:hover { transform: translateY(-8px); } .taxi-img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; }  .hero-section1 { background: linear-gradient(to right, #008000, #32CD32); color: white; padding: 5px 5px; text-align: center; } .vehicle-card { background: #fff; border-radius: 15px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transition: 0.4s; } .vehicle-card:hover { transform: translateY(-8px); } .vehicle-card img { border-radius: 15px 15px 0 0; height: 180px; object-fit: cover; } .vehicle-card .card-body { padding: 20px; } /* .form-section { background: #ffffff; padding: 40px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }*/