:root {
  --bsj-main-color: #134b9a;
  --bsj-hover-color: #1659b7;
}

/* for the momoment */
.review-score.style-2,
.stt-attr-activity-type,
.st-tour-feature,
.st-overview .st-section-title {
  display: none;
}

.st-hotel-header {
  border-bottom: 1.5px solid #D7DCE3;
  padding-bottom: 20px;
}

.st-hotel-header .left .st-heading {
  font-size: 32px !important;
  font-weight: 550 !important;
  margin-bottom: 0;
}

.st-hotel-header .left .sub-heading {
  font-size: 16px !important;
}

.st-hotel-header .left .sub-heading i {
  display: none;
}

/* =========================
*        FAQ DESIGN
* ========================= */

.st-faq {
  margin-bottom: 40px;
}

.st-faq .item {
  background: #ffffff;
  border-radius: 12px;
  padding: 0 20px;
  margin-bottom: 20px !important;
  box-shadow: 0 0px 4px 4px rgb(248, 248, 248);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.st-faq .item:hover{
  transform: translateY(-1px);
  box-shadow: 0 0px 4px 4px rgb(242, 242, 242);
}

.st-faq .item.active{
  background: #fafdff;
}

.st-faq .st-section-title {
  margin-bottom: 25px !important;
}

.st-faq .item .header h5 {
  font-weight: 600;
}

.st-faq .item p {
  font-size: 15px;
  color: #3c3c3c;
}

/* =========================
*        MOBILE VIEW
* ========================= */

@media (max-width: 768px) {

  .st-hotel-header {
    flex-direction: row;
    align-items: center;
  }

  .st-hotel-header .left .st-heading {
    font-size: 22px !important;
    font-weight: 550 !important;
    text-align: center;
    margin-bottom: -5px;
  }

  .st-hotel-header .left .sub-heading {
    font-size: 13px !important;
  }

  .st-map-wrapper .st-flex.space-between .c-grey {
    font-size: 12px !important;
    margin-top: 5px;
    color: #717171 !important;
  }

  .st-map-wrapper .st-flex.space-between .c-grey i svg {
    width: 12px;
    height: 12px;
  }

  .hotel-target-book-mobile .price-wrapper .price .text-lg.lh1em.item {
    font-size: 18px !important;
  }

  /* ---------------- INCLUDE ---------------- */

  .st-tour-content .st-include .st-section-title {
     margin-bottom: 20px !important;
  }

  .st-tour-content .st-include .row .col-lg-6 .include {
    margin-bottom: 20px !important;
  }

  .st-tour-content .st-include .row .col-lg-6 .include li,
  .st-tour-content .st-include .row .col-lg-6 .exclude li {
    margin-bottom: 14px !important;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px !important;
    color: rgb(122, 122, 122) !important;
    box-shadow: 0 0px 2px 2px rgb(250, 250, 250);
  }

  .st-tour-content .st-include .row .col-lg-6 .include li {
    background: #fafff9;
  }

  .st-tour-content .st-include .row .col-lg-6 .include li i,
  .st-tour-content .st-include .row .col-lg-6 .exclude li i {
    margin-right: 7px !important;
  }

  .st-tour-content .st-include .row .col-lg-6 .exclude li {
    background: #fff9f9;
  }

}

@media (max-width: 991px) {

  body.single-st_activity .tour-featured-image.featured-image-background .bsj-hero-swiper,
  body.single-st_activity .tour-featured-image.featured-image-background .bsj-hero-swiper .swiper-wrapper,
  body.single-st_activity .tour-featured-image.featured-image-background .bsj-hero-swiper .swiper-slide{
    height: 100%;
    border-radius: 0px !important;
  }

  /* --- other --- */

  .message-wrapper.mt30 {
    margin: 0 !important;
  }

  .st-overview .st-description span {
    color: #47474d !important;
  }

}