@media (min-width: 768px) {
         .col-md-6.main-content {border-left: 1px solid rgba(233,233,233,1); border-right: 1px solid rgba(233,233,233,1); padding-left: 1rem; padding-right: 1rem;}
         .card.box.left {margin-right:1rem}
         .box-right-holder {margin-left:1rem}
         .nav-item.dropdown > .dropdown-menu {display: none !important; top: 100% !important; left: 0 !important; margin-top: 0 !important;}
         .nav-item.dropdown:hover > .dropdown-menu,li.nav-item.dropdown[aria-expanded="true"] > .dropdown-menu, li.nav-item.dropdown.show > .dropdown-menu {display: block !important;--tblr-dropdown-border-radius: 0px}
         }   
         @media (min-width: 992px) {
         .container-xl {max-width:auto; min-width:1140px}
         .container-xl.adjust {padding-right:0px; padding-left:0px; --tblr-gutter-x:0;min-width:1140px;}
         }
         /* Boxes */
         span.list-bread-title {display: inline-flex; gap: 0.5rem; -webkit-box-align: center; align-items: center; text-transform:uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-feature-settings: normal;font-style: normal; letter-spacing: 0.0363636em; line-break: auto; line-height: 1.09091em; font-size: 12px; font-weight: 600;overflow-wrap: normal;color: #333}
         span.list-bread-title a {text-decoration: none; color: #000}
         .board-basis {font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif;font-feature-settings: normal; font-style: normal; letter-spacing: 0.02em; line-break: auto; line-height: 1.17em; font-size: 12px;font-weight: 400; overflow-wrap: normal; color: rgba(0,0,0,1); background-color: transparent; position: relative; border-bottom: 2px solid transparent;}
         @media (max-width: 767.98px) {
         .card-body.list {border-right:1px solid rgba(233,233,233,1); border-left:1px solid rgba(233,233,233,1); border-bottom: 1px solid rgba(233,233,233,1);}
        h2.box-head.index {font-size:22px}
         }
         @media (min-width: 768px) {
         .card-body.list {border-right:1px solid rgba(233,233,233,1); border-left:1px solid rgba(233,233,233,1); border-bottom:1px solid rgba(233,233,233,1)}
         }
         
         .our-rate {font-family: 'canela', Georgia, 'Times New Roman', Times, serif; font-size:16px}
         .book-div {height: 70px; position: fixed; bottom: 0px; background-color: #fff !important; width: 100%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); z-index: 1000; border-top: 1px solid #eee;}
         .card.box {border:none; box-shadow:none}
         .byline {text-transform: uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-feature-settings: normal; font-style: normal; letter-spacing: 0.00416667em; line-break: auto; line-height: 1.16667em; font-size: 12px; font-weight: 500;
         overflow-wrap: normal; color: rgba(116,116,116,1);}
         .byline.line {border-bottom:1px solid rgba(233,233,233,1)}
         .byline.foot, .byline.noline {border-bottom:none}
         .byline > a {text-decoration:none; color: rgba(116,116,116,1)}
         @media (max-width: 767.98px) {
         .byline.line.hide {border-bottom:none}
         }
         h2.box-head.main {text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.0625em; font-size: 30px; font-weight: 400; overflow-wrap: normal;}
         h1.box-head, h2.box-head {text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.1em; font-size: 24px; font-weight: 400; overflow-wrap: normal;}
         h1.box-head.hotel, h2.box-head.hotel {text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em; font-size: 26px; font-weight: 400; overflow-wrap: normal; }
         h3.lower-head {font-weight:400; font-size:22px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;}
          h3.lower-head.list {font-weight:400; font-size:22px; text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.2em;}  
         span.box-bread-title {color: rgba(176,29,32,1); display: inline-flex; gap: 0.5rem; -webkit-box-align: center; align-items: center; text-transform:uppercase; font-family: WorkSans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-feature-settings: normal;font-style: normal; letter-spacing: 0.0363636em; line-break: auto; line-height: 1.09091em; font-size: 11px; font-weight: 500;overflow-wrap: normal;}
         span.box-bread-title a {text-decoration: none; color: rgba(176,29,32,1)}
         .box-body {text-transform: none; font-feature-settings: normal; font-style: normal; letter-spacing: -0.0142857em; line-break: auto; line-height: 1.42857em; font-size: 14px; font-weight: 300;overflow-wrap: normal; color: rgb(51, 51, 51);}
         .box-body > a {text-decoration:none; color: rgb(51, 51, 51);}
         .box-clamp {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
         .row.box-side-hold {border-bottom:1px solid rgba(233,233,233,1)}
         .row.box-side-hold.foot {border-bottom:none}
         h3.box-side {text-transform: none;  font-feature-settings: normal; font-style: normal; letter-spacing: normal; font-variant: lining-nums; line-break: auto; line-height: 1.1em; font-size: 20px; font-weight: 400; overflow-wrap: normal;}
         /* Search Overlay */
         .search-overlay-modal .modal-backdrop {background-color: rgba(0, 0, 0, 0.97); opacity: 1 !important;}
         .modal-backdrop.show {background-color: rgba(0, 0, 0, 0.75) !important; opacity: 1 !important;}
         .search-overlay-modal.show .modal-dialog {height: 100vh; margin: 0;}
         .search-overlay-modal .modal-content {background: transparent; height: 100%;}
         .search-overlay-modal .search-container {padding: 0 15px;}
         .search-overlay-modal input.form-control {color: white; font-size: 1.5rem;padding: 0.75rem 0;}
         .search-overlay-modal input.form-control::placeholder {color: rgba(255, 255, 255, 1);}
         .search-overlay-modal .input-group {border-radius: 0;}
         .search-overlay-modal .btn.btn-link {opacity: 0.9; transition: opacity 0.2s;}
         .btn-link.clear:hover {background-color:#000; border-radius:0px; text-decoration:none}
         .search-overlay-modal .btn.btn-link:hover {opacity: 1;}
         .ti.ti-search.white, .btn-close-white {color: white !important;}
         .btn-close-white {font-size:1.1rem; font-weight:500; --tblr-btn-close-opacity: 1;}
         @media (min-width: 768px) {
         #myContainer {--f-thumbs-padding-y: 0px; --f-thumbs-padding-x: 0px;display: grid; grid-template-columns: 185px 1fr; gap: 15px; max-width: 1000px; margin: 0 auto;}
         #myCarouselDesktop {--f-carousel-gap: 10px; --f-carousel-slide-width: 100%; --f-arrow-pos: 10px; --f-arrow-width: 38px;--f-arrow-height: 38px; --f-arrow-svg-width: 16px; --f-arrow-svg-height: 16px; --f-arrow-svg-stroke-width: 2.5;--f-arrow-color: #475569; --f-arrow-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);--f-arrow-border-radius: 50%; --f-arrow-bg: #fff; --f-arrow-hover-bg: #f9f9f9; --f-arrow-active-bg: #f0f0f0; order: 1;}
         #myCarouselDesktop .f-carousel__slide {display: flex; align-items: center; justify-content: center; cursor: pointer;}
         #myCarouselDesktop .f-carousel__slide img {min-width: 260px; height: auto;}
         .f-thumbs {--f-thumb-width: 185px; --f-thumb-height: 114px; --f-thumbs-gap: 15px; }
         .f-thumbs__slide button {border-radius:0px!important}
         .f-button.is-arrow {--f-button-svg-stroke-width: 1.5;--f-arrow-border-radius: 0px;--f-button-bg: rgba(255,255,255,0.5);}
         .f-button.is-arrow:active {
         --f-button-svg-stroke-width: 1.5;
         --f-arrow-border-radius: 0px;
         --f-button-bg: rgba(255,255,255,0.5) !important;
         --f-arrow-active-bg: rgba(255,255,255,0.5) !important;  /* covers the common active var */
         }
         .carousel-btn.rooms {top:130px; transform: translateY(-50%); width: 38px; height: 38px; background: #ffffff; color:#475569; border: none;border-radius: 0px; box-shadow: 0 8px 25px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.25s ease;}
         .carousel-prev.rooms { left: -19px; }
         .carousel-next.rooms  { right: -19px; }
         ul.room_amenities {list-style-type: square; padding-left: 0px; margin: 0; columns: 2; column-gap: 2%; column-fill: balance;}
         ul.room_amenities > li {display: inline-block; width: 90%; break-inside: avoid;}
         }
         @media (max-width: 767.8px) {
         #myCarouselMobile {--f-carousel-slide-width: 100%; --f-arrow-pos: 8px; --f-arrow-width: 38px; --f-arrow-height: 38px;--f-arrow-svg-width: 16px; --f-arrow-svg-height: 16px; --f-arrow-svg-stroke-width: 1;
         --f-arrow-color: #475569; --f-arrow-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);--f-arrow-border-radius: 50%; --f-arrow-bg: #fff; --f-arrow-hover-bg: #f9f9f9; --f-arrow-active-bg: #f0f0f0;}  
         .f-thumbs {display:none;}
         .col-hotel {margin:0; padding:0}
         .card.hotel {border:none; border-radius:0px}
         .carousel-btn.rooms {top:100px}
        .carousel-btn.rooms.index {margin-right:10px; margin-left:10px}
         .f-button.is-arrow {--f-button-svg-stroke-width: 1.5;--f-arrow-border-radius: 0px;--f-button-bg: rgba(255,255,255,0.5);}
         .f-button.is-arrow.active,
         .f-button.is-arrow:active {
         --f-button-svg-stroke-width: 1.5;
         --f-arrow-border-radius: 0px;
         --f-button-bg: rgba(255,255,255,0.5) !important;
         --f-arrow-active-bg: rgba(255,255,255,0.5) !important;  /* covers the common active var */
         }
         }
         /* carousel */
         #carousel-one, #carousel-two, #carousel-three,  #carousel-four, #carousel-five {overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 12px;}
         #carousel-one::-webkit-scrollbar {display: none; }
         #carousel-one > [class*="col-"], #carousel-two > [class*="col-"], #carousel-three > [class*="col-"], #carousel-four > [class*="col-"], #carousel-five > [class*="col-"] {scroll-snap-align: start; flex: 0 0 auto;}
         @media (min-width: 992px) { .carousel-prev { left: -20px; } .carousel-next { right: -20px; } .carousel-btn {position: absolute; top: 32%; transform: translateY(-50%); width: 48px; height: 48px; background: #001f3f; color:#ffffff; border: none;border-radius: 50%; box-shadow: 0 8px 25px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.25s ease;}.carousel-prev { left: -24px; }
         .carousel-next  { right: -24px; }}
         @media (max-width: 991.8px) { .carousel-btn {position: absolute; top: 25%; transform: translateY(-50%); width: 38px; height: 38px; background: rgba(255,255,255,0.5); color:#475569; border: none;border-radius: 0px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; z-index: 10!important; transition: all 0.25s ease; } .carousel-prev { left: 8px; }
         .carousel-next  { right: 8px; }}
         .carousel-btn:hover { background:#f9f9f9; color:#001f3f; box-shadow:0 12px 35px rgba(0,0,0,0.22); opacity: 0.9;}
         .room-desc-container {max-height: 170px; min-height:170px; overflow: hidden; transition: max-height 0.6s ease;}
         .room-desc-container.expanded {max-height: none;}
         .desc {text-transform: none;  font-feature-settings: normal; font-style: normal; letter-spacing: -0.0142857em; line-break: auto; line-height: 1.42857em; font-size: 14px; font-weight: 300;overflow-wrap: normal; color: rgb(51, 51, 51);
         }
         p.first {font-weight:400}
         @media (min-width: 768px) {
         .desc {font-size:16px}
         p.first {font-weight:400}
         span.location, .prop-type {font-size:16px}
         }
         @media (max-width: 767.8px) {
         ul.room_amenities {list-style-type:square; padding-left:15px}  
         .activities-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .wellness-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .general-facilities {list-style: square; padding-left: 15px;  margin: 0 0 20px 0;}
         }
         .leaflet-container .leaflet-control-attribution {display:none}
         @media (max-width: 767.98px) {
         #map {height:200px!important; width:auto}
         .leaflet-popup-content-wrapper {border-radius:3px}
         .leaflet-container a.leaflet-popup-close-button {display:none}
         .leaflet-popup-content {font-size:0.875rem; max-width:160px; margin: 10px 14px 10px 14px;}
         }
         @media (min-width: 768px) {
         #map {height:300px; width:auto}
         .leaflet-container a.leaflet-popup-close-button {display:none}
         .leaflet-popup-content-wrapper {border-radius:3px}
         .leaflet-popup-content {font-size:0.875rem; max-width:260px; margin: 13px 20px 13px 20px;}
         }
         @media (min-width: 992px) {
         #map {height:400px; width:100%}
         .leaflet-popup-content-wrapper {border-radius:3px}
         .leaflet-container a.leaflet-popup-close-button {display:none}
         .leaflet-popup-content {max-width:none; margin: 13px 20px 13px 20px; font-size:0.875rem}
         }
         @media (min-width: 768px) {
         ul.room_amenities {list-style-type:square; padding-left:0px}  
         .room_amenities {columns: 2; column-gap: 2%; list-style: none; padding: 0; margin: 0;}
         .room_amenities li {break-inside: avoid; margin-bottom: 0px; padding: 0px 3px 0px 0px;}
         .facilities-container {display: flex; justify-content: space-between; gap: 2%; max-width: 100%;}
         .facilities-column {flex: 1; min-width: 0;}
         .activities-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .wellness-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .general-facilities {list-style: square; padding-left: 15px;  margin: 0 0 20px 0;}
         .room-desc-container, .facilities-container, .reviews-container  {font-size:16px; text-transform: none;  font-feature-settings: normal; font-style: normal; letter-spacing: -0.0142857em; line-break: auto; line-height: 1.42857em; font-weight: 300;overflow-wrap: normal;color: rgb(51, 51, 51);}
         .facilities-column h3 {font-weight:400; font-size:18px}
         }
         @media (max-width: 767.8px) {
         ul.room_amenities {list-style-type:square; padding-left:15px}  
         .activities-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .wellness-facilities {list-style: square; padding-left: 15px; margin: 0 0 20px 0;}
         .general-facilities {list-style: square; padding-left: 15px;  margin: 0 0 20px 0;}
         .facilities-column h3 {font-weight:400; font-size:18px}
         }
         .activities-column:empty {display: none;}
         .wellness-column:empty {display: none;}
         .other-column:empty {display: none;}
         .business-facilities-facilities {list-style: square; padding-left: 15px;  margin: 0 0 20px 0;}
         .cleaning-services-facilities {list-style: square; padding-left: 15px;  margin: 0 0 20px 0;}
         .activities-facilities li {margin-bottom: 0px; padding: 0px 5px 0px 0px;}
         .wellness-facilities li {margin-bottom: 0px; padding: 0px 5px 0px 0px;}
         .reception-services-facilities li {margin-bottom: 0px; padding: 0px 5px 0px 0px;}
         .business-facilities-facilities li {margin-bottom: 0px; padding: 0px 5px 0px 0px;}
         .cleaning-services-facilities li {margin-bottom: 0px; padding: 0px 5px 0px 0px;}
         div.facilities-column.activities-column > h3::before {content: ""; display: inline-block; width: 1.6em; height: 1.6em; margin-right: 0.4em; vertical-align: middle; vertical-align: -0.5em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M2 20a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1'/%3E%3Cpath d='M2 16a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1a2.4 2.4 0 0 1 2 -1a2.4 2.4 0 0 1 2 1a2.4 2.4 0 0 0 2 1a2.4 2.4 0 0 0 2 -1'/%3E%3Cpath d='M15 12v-7.5a1.5 1.5 0 0 1 3 0'/%3E%3Cpath d='M9 12v-7.5a1.5 1.5 0 0 0 -3 0'/%3E%3Cpath d='M15 5l-6 0'/%3E%3Cpath d='M9 10l6 0'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;}
         div.facilities-column.wellness-column > h3::before {content: ""; display: inline-block; width: 1.6em; height: 1.6em; margin-right: 0.4em; vertical-align: middle; vertical-align: -0.15em; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-massage%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4%2017m-1%200a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200%22/%3E%3Cpath%20d%3D%22M9%205m-1%200a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200%22/%3E%3Cpath%20d%3D%22M4%2022l4%20-2v-3h12%22/%3E%3Cpath%20d%3D%22M11%2020h9%22/%3E%3Cpath%20d%3D%22M8%2014l3%20-2l1%20-4c3%201%203%204%203%206%22/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;}
         div.facilities-column.other-column > h3::before {content: ""; display: inline-block; width: 1.6em; height: 1.6em; margin-right: 0.4em; vertical-align: middle; vertical-align: -0.5em; background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-building%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M3%2021l18%200%22%20/%3E%3Cpath%20d=%22M9%208l1%200%22%20/%3E%3Cpath%20d=%22M9%2012l1%200%22%20/%3E%3Cpath%20d=%22M9%2016l1%200%22%20/%3E%3Cpath%20d=%22M14%208l1%200%22%20/%3E%3Cpath%20d=%22M14%2012l1%200%22%20/%3E%3Cpath%20d=%22M14%2016l1%200%22%20/%3E%3Cpath%20d=%22M5%2021v-16a2%202%200%200%201%202%20-2h10a2%202%200%200%201%202%202v16%22%20/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;}

        .card.search h3 {font-family: "Open Sans", sans-serif;font-weight:600; color:rgba(0,0,0,1)}
        h2.filter, h5.offcanvas-title {font-weight:500}
        label.mobile, h3.mobile {font-family: "Open Sans", sans-serif;font-weight:500!important; color:rgba(0,0,0,1); font-size:14px}



         /* Keep at bottom */
         @media (max-width: 767.98px) {
         .container-xl.tweak {padding-left:5px; padding-right:5px} 
         }  
         @media (min-width: 768px) {
         .container-xl.tweak {padding-left:0; padding-right:0}  
         }  
         .container-xl.adjust {
         margin-left: 0 !important;
         margin-right: 0 !important;
         padding-left: 20px !important;
         padding-right: 20px !important;
         width: 100% !important;
         max-width: 100% !important;
         }
         html, body {
         margin: 0 !important;
         padding: 0 !important;
         overflow-x: hidden;  
         }