.villas-page-hero {
  min-height: 60vh;
  padding: 150px 8% 90px;
  background:
    linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.84)),
    url("https://images.unsplash.com/photo-1597212618440-806262de4f6b?auto=format&fit=crop&w=1600&q=80");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  text-align: center;
}

.villas-page-content {
  max-width: 850px;
  margin: auto;
  animation: fadeUp 1s ease forwards;
}

.villas-page-content p {
  color: #d4a24c;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  margin-bottom: 18px;
}

.villas-page-content h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(44px, 7vw, 82px);
  line-height: 1.05;
  margin-bottom: 22px;
}

.villas-page-content span {
  display: block;
  color: #dfdfdf;
  font-size: 18px;
  line-height: 1.7;
}

.all-villas-section {
  padding-top: 90px;
}

.all-villas-grid {
  grid-template-columns: repeat(3, 1fr);
}

.view-all-box {
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 1050px) {
  .all-villas-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .villas-page-hero {
    padding: 130px 6% 75px;
    min-height: 55vh;
  }

  .all-villas-grid {
    grid-template-columns: 1fr;
  }
}