body{
    font-size: 100% !important;
}
.hero-content {
    position: relative;
    z-index: 2;
    padding: 0px 0;
    height: 450px;
    overflow: hidden;
}
.slick-dots{
    bottom: 20px;
}
.slick-dots li button:before {
    font-size: 12px;
    color: #fff;   
    opacity: 1;
}
.destination-hero{
    background: none;
    height: fit-content;
    min-height: auto;
}
.rating-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.stars i {
  color: #f5c518;
  font-size: 18px;
}

.rating-text {
  font-size: 14px;
  color: #555;
}
.review-count {
  font-size: 14px;
  color: #555;
}