/* styles slider swiper setion hotels and  most-visited-hotels*/
.card-hotel {
  width: 19.5rem;
  height: 20.5rem;
}

.card-hotel:first-child {
  margin-right: unset;
}

.card-hotel:hover img {
  transform: unset;
}

.card-hotel .card-img {
  height: 200px;
}

.card-hotel .card-img img {
  width: 100%;
  height: 100%;
  object-fit: inherit;
}

/* swiper styles  */
.section-most-visited-hotels .swiper-slide,
.section-hotels .swiper-slide {
  width: min-content;
}

.swiper-hotels {
  padding-bottom: 2.5rem;
}

/* استایل دکمه‌های ناوبری */
.section-most-visited-hotels .btn-swiper-next,
.section-most-visited-hotels .btn-swiper-prev,
.section-hotels .btn-swiper-next,
.section-hotels .btn-swiper-prev {
  width: 60px; /* اندازه دکمه */
  height: 60px; /* اندازه دکمه */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s; /* افکت نرم هنگام هاور */
  background-color: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.6);
  z-index: 3;
}

.section-most-visited-hotels .btn-swiper-next,
.section-hotels .btn-swiper-next {
  left: 1rem;
}

.section-most-visited-hotels .btn-swiper-prev,
.section-hotels .btn-swiper-prev {
  right: 1rem;
}

.section-most-visited-hotels .btn-swiper-next,
.section-most-visited-hotels .btn-swiper-prev,
.section-hotels .btn-swiper-next,
.section-hotels .btn-swiper-prev {
  pointer-events: unset;
  top: 49%;
}

.section-most-visited-hotels .btn-swiper-next:hover,
.section-most-visited-hotels .btn-swiper-prev:hover,
.section-hotels .btn-swiper-next:hover,
.section-hotels .btn-swiper-prev:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 450px) {
  .card-hotel {
    width: 100%;
  }

  .section-most-visited-hotels .btn-swiper-next,
  .section-hotels .btn-swiper-next {
    left: -0;
  }

  .section-most-visited-hotels .btn-swiper-prev,
  .section-hotels .btn-swiper-prev {
    right: 0;
  }
}