.section.tour{
    padding: 150px 20px;
    margin-top: 100px!important;
}
.section.tour h1{
      font-size: 60px;
      font-weight: 700;
      line-height: 1;
      margin: 0; 
      width: 100%;
      text-align: center;
      margin: 0 0 70px 0;  /* tambahkan margin bawah 50px */
    }
.section.tour p {
    text-align: center;
}

.tour-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px; 
  max-width: 1200px; 
  margin: 0 auto;
}

.tour-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(0,0,0,0.1);
  transition: transform 0.25s ease;
  transform-origin: center;
}

.tour-card:hover {
  transform: translateY(-5px);
}

.tour-card a {
  color: inherit;         /* biar ngikut warna teks parent, bukan biru */
  text-decoration: none;  /* hilangin underline */
  display: block;         /* biar bisa klik seluruh area card */
}

.tour-card a:hover {
  color: #000;            /* warna saat hover, bisa diganti sesuai selera */
  text-decoration: none;  /* tetap tanpa underline */
}


.kartu-image {
  position: relative;
  aspect-ratio: 4 / 3; /* atur sesuai proporsi yang diinginkan */
  overflow: hidden;
}

.foto-kartu {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  display: block !important;
}

.kartu-info {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

.price, .rating {
  background: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  font-size: 14px;
  font-weight: 500;
}

.tour-card h3 {
  padding: 0 16px 20px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}