.video-thumbnail {
  max-height: 25.538rem;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
}

.video-thumbnail img {
  height: 25.538rem;
}

.gallery-hotels {
  width: 100%;
}

.bg-image-hotels {
  width: 100%;
  height: 200px;
  background-size: 103% 133%;
  background-position: center;
}

.card-list-info-room li i:before {
  margin-left: 0.1rem;
}

.nav-pill-hotel .link-active {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.nav-pill-hotel .link-active::before {
  content: "";
  position: absolute;
  transform: scaleX(0);
  width: 40px;
  height: 2.5px;
  bottom: 0;
  background-color: #f87a01;
  transition: all ease-in 200ms;
}

.nav-pill-hotel .active::before {
  transform: scaleX(1.5);
}
.nav-pill-hotel .link-active:hover::before {
  transform: scaleX(1.5);
}

.custom-input {
  width: 185px;
  height: 48px;
  text-align: right;
  outline: none;
  padding-right: 1rem;
}

.section-about-hotel .section-description {
  height: 15rem;
  overflow: hidden;
}

.section-facilities .section-list-fetures {
  height: 15rem;
  overflow: hidden;
}

.bg-linear-transparent {
  content: "";
  height: 5rem;
  width: 100%;
  background: linear-gradient(0deg, #fff, transparent);
}

.section-about .section-list-fetures li {
  margin-bottom: 0.5rem;
}

.section-about-hotel .section-description * {
  font-size: 0.9rem !important;
  font-family: "IRANSans" !important;
}

@media (max-width: 996px) {
  .gallery-hotels img,
  .bg-image-hotels {
    border-radius: var(--radius-md) var(--radius-md);
  }

  .custom-input {
    width: 100%;
  }
}

.w-140 {
  width: 150px;
}

/* icons Distance and rules */
.icon-haram {
  background-image: url("/images/iconsDetailsPage/haram.webp");
}

.icon-air {
  background-image: url("/images/iconsDetailsPage/air.webp");
}

.icon-train {
  background-image: url("/images/iconsDetailsPage/Train.webp");
}

.icon-store {
  background-image: url("/images/iconsDetailsPage/store.webp");
}

.icon-metro {"
  background-image: url("/images/iconsDetailsPage/metro.webp");
}

.icon-park {
  background-image: url("/images/iconsDetailsPage/park.webp");
}

.style-icon-bace {
  width: 2rem;
  height: 2rem;
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-time-login-out {
  background-image: url("/images/iconsDetailsPage/time-login-out.webp");
}
.icon-woman {
  background-image: url("/images/iconsDetailsPage/woman.webp");
}
.icon-sighe {
  background-image: url("/images/iconsDetailsPage/sighe.webp");
}
.icon-cancel {
  background-image: url("/images/iconsDetailsPage/amout-kodak.webp");
}
.icon-amout-kodak {
  background-image: url("/images/iconsDetailsPage/cancel.webp");
}

.style-icon-ghavanin-bace {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 2.2rem;
  height: 2.2rem;
}

@media (max-width: 768px) {
  .style-icon-ghavanin-bace {
    width: 2rem;
    height: 2rem;
  }

  .gallery-hotels {
    width: auto;
  }

  .video-thumbnail img {
    height: auto;
  }

  .gallery-hotels .hotel-thumbnails {
    height: 145px;
  }

  .gallery-hotels .hotel-thumbnails .item-hotel-thumbnail.col-5 {
    width: calc(46% + 40px);
  }

  .bg-image-hotels {
    height: 130px;
  }
}
@media (max-width: 500px) {
  .style-icon-ghavanin-bace {
    width: 1.6rem;
    height: 1.6rem;
  }
}