body { font-family: 'Segoe UI', sans-serif; }
    .hero {
      background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.5)), url('../img/spices/munnar-spice-plantation-visit.jpg') center/cover no-repeat;
      color: white;
      padding: 100px 0;
      text-align: center;
    }
    .section-title {
      text-align: center;
      margin: 20px 0 5px;
      font-weight: bold;
      font-size: 2rem;
      margin-bottom: 2rem;
      color: #2c3e50;
    }
    .section-title1 {
      text-align: center;
      font-weight: bold;
      font-size: 2rem;
      color: #2c3e50;
    }
    .feature-list li::before {
      content: "✔";
      color: green;
      margin-right: 8px;
    }
    .highlight-box {
      background-color: #f4fff4;
      padding: 20px;
      border-left: 5px solid #28a745;
      border-radius: 10px;
    }
    .card-img-top {
      object-fit: cover;
      height: 220px;
    }
  </style>
  <style>
  .card-title { font-size: 1.2rem; font-weight: 600; }
  .modal-body ul li { margin-bottom: 8px; }
  .card-text { font-size: 0.95rem; }
</style>
  <style>
    body { font-family: 'Segoe UI', sans-serif; }
    .section-title {
     
    }