.resort-card {
  border-radius: 24px;
  background-color: #fff;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.resort-image-wrapper {
  height: 100%;
}

.resort-image-wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.rating-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  background-color: #f7f7f7;
  font-size: 0.9rem;
  margin-bottom: 1.25rem;
}

.rating-pill i {
  font-size: 1rem;
  color: #f4b400;
}

.tag-pill {
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.8rem;
  background-color: #f4f5fb;
}

@media (max-width: 576px) {
  .tag-pill {
    margin-right: 0.6rem;
    margin-bottom: 0.6rem;
  }
}

.feature-item {
  font-size: 0.9rem;
}

.feature-item i {
  font-size: 0.9rem;
  margin-right: 0.3rem;
}

.location-card {
  border-radius: 20px;
  background-color: #f7fbff;
  padding: 1.75rem 1.5rem;
  height: 100%;
  position: relative;
}

.location-card .btn-sm {
  font-size: 0.8rem;
}

.most-loved-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffcc33;
  color: #000;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.6rem 0.7rem;
  border-bottom-left-radius: 10px;
  text-transform: uppercase;
  text-align: center;
  min-width: 70px;
}

.coming-wrapper {
  background-color: #f3fafb; /* light bluish background */
  border-radius: 32px;
}

.badge-upcoming {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 999px;
  background-color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 24px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}

.coming-title {
  font-size: 2.3rem;
  font-weight: 700;
  margin-bottom: 18px;
}

.coming-text {
  font-size: 0.98rem;
  line-height: 1.7;
  color: #555;
  max-width: 520px;
}

.btn-brochure {
  margin-top: 28px;
  border-radius: 999px;
  padding: 10px 26px;
  font-size: 0.9rem;
  font-weight: 600;
}

.img-pill {
  border-radius: 40px;
  overflow: hidden;
}

.img-pill img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.img-tall {
  height: 280px;
}

.img-square {
  height: 210px;
}

@media (max-width: 991.98px) {
  .coming-wrapper {
    border-radius: 24px;
  }
  .coming-title {
    font-size: 1.9rem;
  }
  .coming-text {
    max-width: 100%;
  }
  .right-images {
    margin-top: 24px;
  }
  
  .resort-card {
    border-radius: 18px;
  }
  /* .location-card {
    margin-top: 1.5rem;
  } */
  .dwn-brochure{
    padding: 14px;
  }
}



.properties-card-box{
  background-size: cover;
  background-position: center;
  border-radius: 34px;
  background-color: #046973;
}

.properties-card-overlay{
  
  border-radius: 34px;

}