body {
      font-family: 'Segoe UI', sans-serif;
    }

    .hero {
      background: url('../images/Image-6.jpeg') center/cover no-repeat;
      height: 60vh;
      display: flex;
      align-items: center;
      color: #fff;
      position: relative;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
    }

    .hero-content {
      position: relative;
      z-index: 2;
    }

    .btn-hero {
      background-color: #ffc107;
      color: white !important;
      padding: 10px 25px;
      border-radius: 30px;
      font-weight: 600;
    }

    .section-title span {
      letter-spacing: 0.3em;
      font-size: 0.8rem;
      color: #ffc107;
      font-weight: 700;
    }

    .attraction-card {
      transition: all 0.3s ease;
    }

    .attraction-card:hover {
      transform: translateY(-8px);
    }

    .attraction-card img {
      height: 220px;
      object-fit: cover;
    }

    .badge-distance {
      background-color: #f8de90;
      color: #000;
      font-weight: 600;
      padding: 5px 10px;
      border-radius: 20px;
    }

    .category-filter button {
      margin: 5px;
    }

    .testimonial {
      background: #f8f9fa;
      padding: 80px 0;
    }