.card {
  cursor: pointer;
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  transition: transform 0.5s;
}

.card .slick-arrow, .card .slick-dots {
	transition: all 300ms;
	opacity: 0;
}

.card:hover .slick-arrow, .card:hover .slick-dots {
	opacity: 1;
}

@media screen and (width > 680px) {
.card:hover {
  transform: scale(1.05);
}
}

.card_l {
  width: 390px;
}


@media screen and (width <= 680px) {
.card .slick-dots {
opacity: 1 !important;
}
#services__list .card_l,
#banquets__list .card_l {
  width: 288px;
}

.card_l {
  width: 335px;
}

}

@media screen and (width > 680px) {
.card_l:hover {
  transform: scale(1.04) !important;
}
}

.card_m {
  width: 288px;
}

.card_l .card__img {
  height: 240px;
}

.card_m .card__img {
  height: 160px;
}

.card__img {
  width: 100%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.card__img_room {
  /*background-image: url("../../../images/about3_img.jpg");*/
}

.card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #f5f5f5;
  padding: 16px;
}

.card__header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.card__header_between {
  justify-content: space-between;
}

.card__title {
  white-space: nowrap;
}

.сard__title_l {
  font-size: 20px;
}

.сard__title_m {
  font-size: 16px;
}

.сard__title_s {
  font-size: 16px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;

}

.card__subtitle {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 4px;
}

.card__description {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.card__labels {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.card__labels-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 300;
}

.card__important {
  display: flex;
  align-items: center;
  gap: 16px;
}

.card__price {
  font-size: 20px;
}

@media screen and (width <= 680px) {
  .card__labels {
    gap: 6px;
  }
  
  .card__labels-item {
    gap: 4px;
  }

  .card_l .card__img {
    height: 200px;
  }

  .сard__title_l {
    font-size: 18px;
  }

  .card__description {
    font-size: 13px;
  }
}