body {
   margin: 0px;
   font-size: 16px;
   line-height: 1.2;
   font-family: Lato, "Noto Sans HK", "Noto Sans SC", sans-serif;
   /* Overflow needed when disable the splide__track */
   overflow-x: hidden;
}


.splide {
/* Center the splide */
    margin-inline: auto;
}

/* show overflow items */
.splide__track {
    overflow: initial;
}

/* Display pagination below items instead on top */
.splide__pagination {
   bottom: initial;
   top: calc(100% + 10px);
   display:none;
}

/* Change active pagination */
.splide__pagination__page.is-active {
   background-color: #fff;
}

/* Card styling */
.card {
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
   border-radius: 0px;
   overflow: hidden;
   cursor: pointer;
}

.card:hover {
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
}

.splide_arrow--prev svg {
   margin-left: -50px
}

#more-rooms .splide__arrow {
   -ms-flex-align: center;
   align-items: center;
   background: #fff;
   border: 0;
   border-radius: 50%;
   box-shadow: 3px 5px 4px rgba(0, 0, 0, .2);
   cursor: pointer;
   display: -ms-flexbox;
   display: flex;
   height: 72px;
   -ms-flex-pack: center;
   justify-content: center;
   /* opacity: 1; */
   padding: 0;
   position: absolute;
   top: 48%;
   transform: translateY(-50%);
   width: 72px;
   z-index: 1
}

.morerooms-text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

#more-rooms .card .p-3 {
   padding-bottom: 35px !important;
}

/*
.card__content {
   padding: clamp(20px, 4vw, 30px);
}

.card__title {
   margin-block: 0 10px;
}
*/

@media screen and (min-width:992px) {
   div#block-moreroomsshareslide .so-gold-title {
      margin-top: 0 !important;
      padding-top: 0 !important;
  }
}