body {
      font-family: 'Roboto', sans-serif;
      scroll-behavior: smooth;
    }
    .hero {
      background: url('../img/boat/alleppey-houseboat-booking.jpg') no-repeat center center;
      background-size: cover;
      padding: 120px 20px;
      color: white;
      text-align: center;
    }
    .card:hover {
      box-shadow: 0 4px 15px rgba(0,0,0,0.2);
      transform: scale(1.02);
      transition: 0.3s;
    }
     .hero-text {
      background-color: rgba(0, 0, 0, 0.6);
      padding: 2rem;
      border-radius: 1rem;
    }
   
    .hero h1 {
      font-size: 3rem;
      font-weight: 600;
    }
    .hero p {
      font-size: 1.2rem;
    }
    .section-title {
      font-size: 2rem;
      margin-bottom: 20px;
      color: #00695c;
    }
    .btn-primary {
      background-color: #00695c;
      border: none;
    }
    .btn-primary:hover {
      background-color: #004d40;
    }