svg.StarIcon.flex-shrink-0.h-\[32px\].w-\[32px\].md\:h-4.md\:w-4.\32 xl\:h-\[32px\].\32 xl\:w-\[32px\].fill-\[color\:var\(--backgroundColor-primary-darker\)\] {
    fill: #C6AC56 !important;
}

.flex.items-center.py-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto>svg.w-5.md\:w-4.xl\:w-5.fill-\[color\:var\(--backgroundColor-primary-darker\)\].flex-shrink-0 {
    fill: #C6AC56 !important;
}

svg.StarIcon.flex-shrink-0.w-\[20px\].md\:w-4.md\:h-4.xl\:w-\[20px\].xl\:h-\[20px\].fill-\[color\:var\(--backgroundColor-primary-darker\)\] {
    fill: #C6AC56 !important;
}

.other-option-wrapper>div {
    border-radius: 8px !important;
}

button.bg-input.text-input.font-input.leading-input.tracking-input.appearance-none.outline-none.rounded-\[20px\].pl-5.pr-4.py-4.md\:py-1\.5.xl\:py-4.md\:pl-3.md\:pr-3.w-full.text-left.flex.items-center.justify-between.border-input.xl\:whitespace-nowrap {
    border-radius: 100px !important;
}

h2.request-summary-title.text-titleLarge.font-title.tracking-title.leading-title.w-full.text-primary-dark {
    font-size: 30px !important;
}

/* #recommended {
    background-image: url('../static/images/Sportshotel_Background_Element.svg');
    background-position: top -1000px center;
    background-repeat: repeat-y;
} */

#other-options-section-div {
    background-color: transparent;
}

#headerslider1 .image-container+.main-container {
    background-color: transparent;
}

/* #headerslider1 .image-container:after {
    background: linear-gradient(to right, #EEE8E2 50%, transparent);
} */

aside>div {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

/* Landing Page Booking Engine Start */

.MTS2__bookingSummary-wrapper.lg\:MTS2__pt-6.MTS2__pb-1\.5.lg\:MTS2__pb-10.MTS2__font-body.MTS2__text-body.MTS2__leading-body.MTS2__text-primary.MTS2__tracking-body.MTS2__max-w-widget.MTS2__mx-auto.MTS2__w-full.MTS2__bg-primary.sm\:MTS2__shadow-\[0px_0px_4px_1px_rgba\(0\,0\,0\,0\.1\)\].MTS2__px-2.sm\:MTS2__px-5.lg\:MTS2__px-11.MTS2__rounded-md.MTS2__pt-4 {
    /* padding: 0 !important; */
    /* margin: 0 !important; */
    /* box-shadow: none !important; */
}

.MTS2__flex.MTS2__justify-between.sm\:MTS2__border-b.MTS2__font-title.MTS2__px-0\.5.MTS2__py-0\.5.sm\:MTS2__py-0.print\:MTS2__hidden {
    background: white !important;
    border-radius: 10px 10px 0 0 !important;
    padding-top: 10px !important;
}

#recommended .roomdetail-container .relative.h-\[330px\].md\:h-\[297px\].lg\:h-\[553px\].w-full.md\:\!w-\[56\%\].md\:px-0.rounded-2xl.overflow-auto:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent);
}

#recommended .roomdetail-container .text-titleLarge {
    z-index: 9;
    position: relative;
}

#__MTS3 button.bg-input {
    border-radius: 0px !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

#__MTS3 button.bg-input:not(:has(+ ul)) {
    border-radius: 20px !important;
}

main:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: url('../static/images/Sportshotel_Background_Element.svg');
    background-position: top 80vh center;
    background-repeat: repeat-y;
    height: 100%;
    width: 100%;
}

footer,
.mts-footer-logo {
    background-color: transparent !important;
}

#accordian-text-content-2 ul {
    list-style: disc !important;
    list-style-position: outside !important;
    margin-left: 1.25rem !important;
    padding-left: 1.25rem !important;
}

#accordian-text-content-10 ul {
    list-style: disc !important;
    list-style-position: outside !important;
    margin-left: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.client-img {
    height: 100px !important;
    width: 100px !important;
    border-radius: 500px !important;
    object-fit: cover !important;
}

.client-name {
    margin-top: 15px !important;
}

.text-primary.w-full.xl\:w-\[calc\(100\%_-_400px\)\].\32 xl\:w-\[calc\(100\%_-_500px\)\].py-28.md\:py-11.xl\:py-36 {
    width: 100% !important;
}

ul.w-full.md\:px-0.max-w-\[1194px\].h-max-md\:max-w-full.mt-10.lg\:mt-5 {
    max-width: 100% !important;
}

#description-block ul {
    list-style-type: disc;
}

#salutation-block {
    display: flex !important;
    gap: 10px;
}

.footer-address,
.footer-contact,
.footer-social {
    margin-top: 0px !important;
}

/* Chat widget style */
/* Chat widget style */
#__MTS[data-mts-view="Chat-widget"] {
    position: relative;
    z-index: 99999;
}

ul.MTS__flex.MTS__flex-wrap.MTS__list-none li::before {
    content: none !important;
}

#__MTS #__MTS_Chat-widget .MTS__chatApp-circle-overlay {
    height: 102px;
    width: 102px;
    background-image: url('../static/images/Sporthotel-AI-logo.svg');
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFF;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .2);
    /* background-color: #eee8e2; */
    border-radius: 50%;
}

#__MTS #__MTS_Chat-widget .MTS__chatApp-chat-icon,
#__MTS #__MTS_Chat-widget .MTS__chatApp-circle-overlay svg {
    display: none;
}

#__MTS #__MTS_Chat-widget .MTS__support-message-icon {
    background-color: transparent;
    border: 1px solid #d3d3d3;
    background-image: url('../static/images/Sporthotel-AI-logo.svg');
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
    width: 50px;
}

#__MTS3 .flex.items-start.py-2\.5.md\:w-1\/3.h-max-md\:w-1\/3.xl\:w-auto svg {
    fill: #05301F !important;
}

#__MTS #__MTS_Chat-widget .MTS__support-message-icon svg {
    display: none;
}

.popup-open div[data-mts-view="Chat-widget"] {
    display: none;
}

#recommended .roomdetail-layout .relative.h-\[330px\].md\:h-\[297px\].lg\:h-\[553px\].w-full.md\:\!w-\[56\%\].md\:px-0.rounded-2xl.overflow-auto .relative.w-full.h-full.flex.overflow-hidden {
    max-height: 100% !important;
    max-width: 100% !important;
}

.package-card-inner {
    padding-top: 80px !important;
}

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

/* .bookingpolicy-text,
.selected-rateplan-div,
.rateplan-title-div,
.booking-text {
    display: none !important;
} */

@media screen and (max-width: 767px) {
    #__MTS #__MTS_Chat-widget .MTS__chatApp-circle-overlay {
        right: 0;
        width: 65px !important;
        height: 65px !important;
        background-size: 25px;
        font-size: 16px;
    }

    #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40 {
        bottom: 145px !important;
    }

    #recommended #other-options-section-div .text-heading.font-heading.tracking-heading.leading-heading.mb-12.lg\:text-left {
        margin-bottom: 0;
    }
}

#__MTS #__MTS_Chat-widget .MTS__dynamic-room-info.MTS__mt-1.MTS__mb-2.MTS__pt-1 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 14px;
}

#__MTS #__MTS_Chat-widget .MTS__whitespace-pre-line li {
    list-style: disc inside;
}

@media screen and (min-width:1280px) and (max-height: 650px) {
    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child {
        position: relative;
    }

    #__MTS3 .recommended-block aside .outer-book-button-div {
        padding-right: 40px;
    }

    #__MTS3 .recommended-block aside .outer-book-button-div button {
        position: relative;
        z-index: 9;
    }

    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child .closeicon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 1;
    }
}

@media screen and (max-width:1279px) {
    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child {
        position: relative;
    }

    #__MTS3 .recommended-block aside .outer-book-button-div {
        padding-right: 40px;
    }

    #__MTS3 .recommended-block aside .outer-book-button-div button {
        position: relative;
        z-index: 9;
    }

    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child .closeicon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 1;
    }
}

@media screen and (max-width:639px) {
    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child {
        position: relative;
        padding-right: 28px;
    }

    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child .outer-book-button-div {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    #__MTS3 .recommended-block aside > div > div.flex.w-full.items-start.justify-between:first-child .outer-book-button-div .closeicon {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (max-width:1199px) {
    #content footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    #recommended .bg-widget,
    #recommended .bg-widget+div {
        --fontSize-titleLarge: 26px;
        --fontSize-heading-base: 35px;
        --lineHeight-heading: 1.5;
        --fontSize-title-base: 26px;
        --fontWeight-subHeading: 26px;
        --fontSize-subHeading-base: 26px;
        --fontSize-titleLarge: 26px;
        --fontSize-body: 18px;
    }

    #recommended .bg-widget #highlights-section-div .text-title {
        font-size: 24px;
    }

    #content footer #contact-info {
        --fontSize-body: 14px;
        --lineHeight-body: 1.5;
        --fontSize-heading-base: 26px;
    }

    #other-options-section-div .roomcard-title {
        font-size: 12px;
    }

    #other-options-section-div .other-option-wrapper {
        --fontSize-title-base: 24px;
        --fontSize-body: 16px;
        --fontSize-subHeading-base: 24px
    }

    #other-options-section-div {
        font-size: 16px;
    }
}

@media screen and (max-width:1023px) {
    #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40 {
        bottom: 115px;
    }


}

@media screen and (max-width:640px) {
    #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40 {
        bottom: 145px !important;
    }

    #__MTS3 p.flex.text-subHeading.font-subHeading.tracking-subHeading.leading-subHeading.text-secondary {
        font-size: 25px;
    }

    #__MTS3 svg.calendarIcon {
        height: 20px;
        width: 20px;
    }
}

/* Chat widget style end */



.content:has(#description-block h1) #salutation-block {
    display: none !important;
}

.main-container #description-block h1 {
    font-size: var(--fontSize-heading-base);
    line-height: 1.25 !important;
    font-family: var(--fontFamily-heading);
    margin-top: calc(var(--fontSize-base) * 5);
    margin-bottom: calc(var(--fontSize-base) * 4);
}

@media screen and (max-width:1279px) {
    .main-container #description-block h1 {
        margin-bottom: calc(var(--fontSize-base) * 4);
    }
}

@media screen and (max-width:1023px) {
    .main-container #description-block h1 {
        margin-bottom: calc(var(--fontSize-base) * 1.5);
    }
}

@media screen and (max-width:767px) {
    .main-container #description-block h1 {
        font-size: 35px;
        margin-bottom: calc(var(--fontSize-base) * 2);
    }

    #recommended .roomcard-title {
        font-size: 14px;
        line-height: 1.25;
    }
}

#__MTS3 .nextavailable-Message > div {
    background-color: #05301F;
    color: #FFFFFF;
}

#__MTS3 .p.heading-freeCancellation.font-bold.xl\:uppercase.text-subHeading.font-subHeading.tracking-subHeading.leading-subHeading.text-secondary.xl\:text-titleXSmall.xl\:font-titleXSmall.md\:pb-7.xl\:pb-0.md\:border-b.md\:border-secondary.xl\:border-b-0.w-full {
    padding-right: 5px;
}

#__MTS3 .booking-text-icon > div,
#__MTS3 .cancellation-text-icon > div {
    color: #05301F;
}