::selection {
    background-color: rgba(255, 96, 62, .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: #592720;
    color: #FBF3E8;
}

#__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 aside circle {
    fill: #592720;
}

#__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 #ff603e;
    color: #FBF3E8;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: .7px;
    line-height: 1;
    min-width: 117px;
    padding: 15px 20px 10px;
    text-align: center;
    -webkit-transition: all .21s ease-out;
    transition: all .21s ease-out;
    background-color: #ff603e;
}

#__MTS aside button:hover {
    background-color: transparent !important;
    color: #ff603e !important;
}

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

#__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: #592720;
}

#__MTS .StarIcon {
    fill: #592720;
}

#__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);
}

footer {
    --fontFamily-body: 'ppeditorial-new' !important;
    letter-spacing: 0.7px;
}

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

@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;
        padding: 10px 15px 6px;
    }
}


@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;
    }
}

/* new image changes:Start */
.footer-social ul {
    gap: 10px;
}

/* new image changes:End */

#__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: #592720;
}

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

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