::selection {
  background-color: rgba(152, 65, 80, .45);
}

#__MTS .flex.items-center.justify-center.rounded-full.w-5.h-5.md\:w-4.md\:h-4.xl\:w-5.xl\:h-5.bg-effect-light.text-effect-dark.text-sm {
  background-color: #132A3E;
  color: #F6E8D2;
}

#__MTS .mts-moreinfo-button,
#__MTS p.pl-4.pb-4.md\:\!pl-4.md\:\!pb-6.xl\:\!pl-8.xl\:\!pb-12.font-titleLarge.leading-titleLarge.text-titleLarge.tracking-titleLarge.text-secondary-dark,
#__MTS .tracking-title.leading-title.text-title.text-secondary-dark.cursor-pointer.lg\:translate-y-10.font-title.text-left.mts-interest-title.transition-all.duration-500 {
  color: #fff !important;
  font-weight: 700 !important;
}

#__MTS aside button svg,
#__MTS .other-option-wrapper button svg,
#__MTS .show-more-button svg,
#__MTS aside .sm\:hidden.mt-4.flex.justify-end {
  display: none;
}

#__MTS .image-container::after {
  background: linear-gradient(to right, rgba(255, 255, 255, .8) 50%, transparent) !important;
}

#__MTS .absolute.bottom-0.h-\[45\%\].w-full.bg-gradient-to-t.from-\[rgba\(0\,0\,0\,\.4\)\].to-\[rgba\(0\,0\,0\,0\)\].z-10.pointer-events-none.md\:rounded-b-\[10px\].xl\:rounded-b-\[20px\] {
  border-radius: 20px;
}

#__MTS aside button {
  border: 1px solid #984150;
  border-radius: 7px;
  color: #984150;
  display: block;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .7px;
  line-height: 1;
  min-width: 117px;
  padding: 11px 20px;
  text-align: center;
  -webkit-transition: all .21s ease-out;
  transition: all .21s ease-out;
}

#__MTS aside button:hover,
#__MTS .other-option-wrapper button.bg-button-dark,
#__MTS .other-option-wrapper .bg-button-light:hover,
#__MTS .show-more-button:hover {
  background: #984150;
  color: #f6e8d2;
}

#__MTS .p.pl-4.pb-4.md\:\!pl-4.md\:\!pb-6.xl\:\!pl-8.xl\:\!pb-12.font-titleLarge.leading-titleLarge.text-titleLarge.tracking-titleLarge.text-secondary-dark,
#__MTS .tracking-title.leading-title.text-title.text-secondary-dark.cursor-pointer.lg\:translate-y-10.font-title.text-left.mts-interest-title.transition-all.duration-500,
#__MTS .interestTitle {
  color: #132A3E;
}

#__MTS .StarIcon {
  fill: #132A3E;
}

#__MTS .mealPlan-filter button svg path,
#__MTS .mealPlan-filter button+ul svg {
  fill: #FBF3E8;
}

#__MTS .footer-social img {
  height: 28px;
  width: 28px;
}

#__MTS .footer-social ul {
  display: flex;
}

#__MTS #contact-info>div {
  margin-top: 0;
}

#__MTS .footer-logo img,
#__MTS .logo img {
  width: 180px;
  height: auto;
}

#__MTS .room-title {
  word-break: break-all;
}

#__MTS .show-more-button {
  margin-left: calc(var(--fontSize-base) * 1.25);
}

#__MTS .flex.items-center.py-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto>svg {
  fill: #132A3E;
}

@media screen and (min-width: 1200px) {

  #__MTS .mealPlan-filter button {
    min-width: 230px;
  }

  #__MTS .mts-interest-title {
    font-size: 22px;
  }

  #__MTS .amenities-label,
  #__MTS .p.pl-4.pb-4.md\:\!pl-4.md\:\!pb-6.xl\:\!pl-8.xl\:\!pb-12.font-titleLarge.leading-titleLarge.text-titleLarge.tracking-titleLarge.text-secondary-dark,
  #__MTS p.text-primary-dark.room-title.font-title.text-title.leading-title.tracking-title.px-1.cursor-pointer.pb-1.flex.items-center,
  #__MTS .request-summary-title,
  #__MTS .selected-package-heading,
  #__MTS .OfferDescriptionStyles>p:first-child {
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0.3px;
  }

  #__MTS .other-option-wrapper .border.border-primary.rounded-md.px-4.py-1.mb-2>span {
    font-size: 16px;
  }

  #__MTS footer h3 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: normal;
  }

  footer {
    --fontSize-body: 16px !important;
    --line-height: 1.5555555556 !important;
    line-height: 1.5555555556 !important;
  }

}

@media screen and (max-width: 767px) {
  #__MTS .footer-social ul {
    justify-content: center;
  }

  #__MTS .calendarIcon {
    height: 20px;
    width: 20px;
  }

  #__MTS .roomcard-title {
    font-size: 14px;
  }

  #__MTS aside button {
    min-width: unset;
  }
}

@media screen and (min-width: 768px) and (max-width:1199px) {

  #__MTS .border.border-primary.rounded-md.px-4.py-1.mb-2 {
    padding-left: calc(var(--fontSize-base) * 0.7);
    padding-right: calc(var(--fontSize-base) * 0.7);
  }

  footer {
    --fontSize-heading-base: 12px !important;
    --lineHeight-heading: 1.25 !important;
  }
}

.footer-social ul {
  gap: 10px;
}

#__MTS .mts-footer-logo {
    background-color: #F6E8D2;
}

#__MTS .relative.h-full.flex.flex-col.py-8.max-h-\[calc\(100vh_-_100px\)\].h-max-md\:max-h-screen.pt-8.px-5.md\:px-10.xl\:\!pl-5.xl\:\!pr-12.xl\:\!pl-8.\32 xl\:\!pr-24.bg-primary-lighter.rounded-t-\[20px\].xl\:rounded-r-none.xl\:rounded-l-\[20px\].text-secondary-lighter.h-max-md\:rounded-l-none.h-max-md\:\!rounded-t-\[20px\].h-max-md\:\!p-5 {
    padding-right: calc(var(--fontSize-base) * 4) !important;
}

#__MTS .selected-rateplan-div > svg {
  fill: #132A3E;
}

#__MTS .booking-text-icon > div,
#__MTS .cancellation-text-icon > div {
  color: #132A3E;
}

#__MTS .selected-rateplan-div > div > svg {
    fill: #132A3E !important;
}
