body {
    margin: 0;
    line-height: inherit;
}
.relative {
    position: relative
}
.block {
    display: block
}
.h-14 {
    height: 3.5rem
}
.w-28 {
    width: 7rem
}
.overflow-hidden {
    overflow: hidden
}
a {
    color: inherit;
    text-decoration: inherit;
}
.object-left {
    object-position: left;
}
.object-contain {
    object-fit: contain;
}

.h-full {
    height: 100%;
}
.inset-0, .inset-x-0 {
    right: 0;
    left: 0;
}
.inset-0 {
    top: 0;
    bottom: 0;
}
.absolute {
    position: absolute;
}
.img {
    max-width: 100%;
}
.container {
    margin: 0 auto;
    max-width: 1440px
}
.container, .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}
*, :after, :before {
    box-sizing: border-box;
}

.border-b, .border-y {
    border-bottom-width: 1px;
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
}
.border-secondary {
    border: 1px solid rgba(0, 156, 222, 1);
}
.border-b-2 {
    border-bottom-width: 2px;
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
}
.justify-between {
    justify-content: space-between;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
@media (min-width: 640px) {
    .sm\:pt-10 {
        padding-top: 2.5rem
    }
    .sm\:pb-20 {
        padding-bottom: 5rem
    }
    .sm\:pt-0 {
        padding-top: 0
    }
    .sm\:pb-1 {
    padding-bottom: 0.25rem;
    }
    .sm\:mb-4 {
    margin-bottom: 1rem;
    }
    .sm\:inline {
    display: inline;
    }
    .container, .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    
    

}
@media (max-width:640px){
    .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
    }
    .container, .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .flex-wrap {
    flex-wrap: wrap
    }
    .flex-col {
    flex-direction: column;
    }
    .w-full {
    width: 100%;
    }
    .gap-2 {
  gap: .5rem;
    }
.justify-center {
  justify-content: center;
    }
    .w-32 {
  width: 8rem;
    }
    .ltr\:right-1 {
  right: .25rem;
    }
}
@media (min-width: 768px) {
    .container,.container-fluid {
        padding-left:2rem;
        padding-right: 2rem
    }
    .md\:w-auto {
    width: auto;
    }
    .md\:flex {
    display: flex;
    }
    .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .md\:divide-border>:not([hidden])~:not([hidden]) {
    border-color: rgba(227, 227, 227, 1);
    }
    .md\:divide-x>:not([hidden])~:not([hidden]) {
    border-right: 1px
    }
    .md\:mt-0 {
    margin-top: 0;
    }
    .container, .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
    }
    .md\:gap-2 {
    gap: .5rem;
    }
    .md\:ltr\:right-4 {
  right: 1rem;
    }
    .flex-wrap {
  flex-wrap: wrap;
    }
.gap-2 {
  gap: .5rem;
    }
    .flex-col {
  flex-direction: column;
    }
    .justify-center {
  justify-content: center;
    }
}

@media (min-width: 1024px) {
    .container,.container-fluid {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
    .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .lg\:items-center {
    align-items: center;
    }
    .lg\:flex {
    display: flex;
    }
    .lg\:max-w-2\/5 {
    max-width: 40%;
    }
    .lg\:mr-6 {
    margin-right: 1.5rem;
    }
    .lg\:mb-0 {
    margin-bottom: 0;
    }
    .lg\:break-words {
    overflow-wrap: break-word;
    }
    .lg\:last\:mr-0:last-child {
    margin-right: 0;
    }
    .lg\:gap-3 {
    gap: 0.75rem;
    }
    .lg\:flex-nowrap {
    flex-wrap: nowrap;
    }
    .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    }
    .lg\:flex-row {
    flex-direction: row;
    }
    .lg\:w-1\/2 {
    width: 50%;
    }
    .lg\:justify-end {
    justify-content: flex-end;
    }
    .lg\:w-2\/4 {
    width: 50%;
    }
    .lg\:mt-0 {
    margin-top: 0;
    }
    .lg\:justify-center {
    justify-content: center;
    }

    .lg\:shrink-0 {
    flex-shrink: 0;
    }
    .lg\:order-last {
    order: 9999;
    }
    .ltr\:lg\:pr-3 {
    padding-right: 0.75rem;
    }
    .lg\:border-border {
    border-color: rgba(227, 227, 227, 1);
    }
    .lg\:border-r {
    border-right-width: 1px;
    }
    .lg\:w-auto {
    width: auto;
    }
    .lg\:min-w-0 {
    min-width: 0;
    }
    .gap-1 {
    gap: 0.25rem;
    }
    .lg\:flex-row {
    flex-direction: row;
    }
    .lg\:\[\&\>\*\]\:py-2>* {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    }
    .ltr\:lg\:\[\&\>\*\:not\(\:first-child\)\]\:pl-3>:not(:first-child) {
    padding-left: 0.75rem;
    }
    .lg\:divide-border>:not([hidden])~:not([hidden]) {
    border-color: rgba(227, 227, 227, 1);
    }
    .lg\:divide-x-\[1px\]>:not([hidden])~:not([hidden]), .lg\:divide-x>:not([hidden])~:not([hidden]) {
    border-right-width: 0px;
    border-left-width: 1px;
    }
    .lg\:truncate, .lg\:whitespace-nowrap {
    white-space: nowrap;
    }
    .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    }
    .lg\:w-fit {
  width: -moz-fit-content;
  width: fit-content;
    }
    .lg\:mb-2\.5 {
  margin-bottom: .625rem;
    }
    .md\:ltr\:first-of-type\:pl-0:first-of-type {
  padding-left: 0;
    }
    .md\:ltr\:pl-2 {
  padding-left: .5rem;
    }
    .lg\:static {
  position: static;
    }
    .lg\:-ml-2 {
  margin-left: -.5rem;
    }
    
}
.ltr\:right-1 {
  right: .25rem;
}
.fill-primary {
  fill: rgba(179, 91, 91, 1);
}
.w-10 {
  width: 2.5rem;
}
.h-10 {
  height: 2.5rem;
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  /* vertical-align: middle; */
}
.text-primary {
  color: rgb(179 91 91);
}
.leading-\[0\.9\] {
  line-height: .9;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.pr-1 {
  padding-right: .25rem;
}

.rounded {
  border-radius: .25rem;
}
.appearance-none {
  appearance: none;
}
.items-end {
  align-items: flex-end;
}
.ltr\:text-left {
  text-align: left;
}
.mt-8 {
    margin-top: 2rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.gap-1 {
  gap: .25rem;
}

.\gap-3 {
    gap: 0.75rem!important;
}
.flex {
    display: flex
}


.flex-1 {
    flex: 1 1 0%;
}
.flex-colu {
  flex-direction: column;
}
.divide-border > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(227, 227, 227, 1);
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  border-right-width: 0px;
  border-left-width: 1px;
}
.-top-2\.5 {
  top: -.625rem;
}
.order-last {
  order: 9999;
}
.pt-2 {
    padding-top: .5rem
}
.pt-3 {
    padding-top: 0.75rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.z-0 {
    z-index: 0;
}
.mb-4 {
    margin-bottom: 1rem;
}
.z-1 {
    z-index: 1;
}
.fc-unthemed td.fc-today:hover {
    background-color: rgba(16, 76, 151, 1);
}
.fc-unthemed td.fc-future:hover {
    background-color: rgba(16, 76, 151, 1);
}
.hover\:cursor-pointer:hover {
    cursor: pointer
}

.tracking-tighter {
    letter-spacing: -.05em;
}
.font-black {
    font-weight: 900;
}

.font-headline {
    font-family: Loew,"Proxima Nova", "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.ml-2 {
    margin-left: 0.5rem;
}
.btn-primary-link {
    border-width: 0!important;
    color: rgb(179 91 91);
    font-weight: 400!important;
    padding: 0!important;
    text-decoration: underline;
}
[type=button], [type=reset], [type=submit], button {
    /* -webkit-appearance: button; */
    background-color: initial;
    background-image: none;
}
button {
    cursor: pointer;
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
.btn-primary-text {
    border-width: 0!important;
    color: rgba(16, 76, 151, 1);
    font-weight: 600!important;
    padding: 0!important;
}
.btn {
    appearance: none;
    border-radius: 0.25rem;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.25rem 1rem;
    white-space: nowrap;
}
.btn-lg, .btn-xl {
    padding: 0.5rem 2rem;
}
.btn-lg {
    font-size: .875rem;
}
.btn:disabled {
    cursor: not-allowed;
}
.btn-primary:disabled {
    background-color: rgba(228, 228, 228, 1);
    border-color: rgba(228, 228, 228, 1);
}
.btn-primary {
    background-color: rgba(16, 76, 151, 1);
    border-color: rgba(16, 76, 151, 1);
    color: rgba(255, 255, 255, 1);
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.font-bold {
    font-weight: 700;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-text-alt {
    color: rgba(102, 102, 102, 1);
}

body, form, h1, h2, h3, h4, h5, h6, label, p {
    margin: 0;
    padding: 0;
}

.ltr\:ml-auto {
    margin-left: auto;
}
.ltr\:first\:pl-0:first-child {
    padding-left: 0;
}
.stroke-current {
    stroke: currentColor;
}
.inline-block {
    display: inline-block;
}
.ml-1 {
    margin-left: 0.25rem;
}
menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.border-solid {
    border-style: solid;
}

.border-t {
    border-top-width: 1px;
}
.pt-4 {
    padding-top: 1rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.mt-4 {
    margin-top: 1rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.uppercase {
    text-transform: uppercase;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.border-border {
    border-color: rgba(227, 227, 227, 1);
}
*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.fill-current {
    fill: currentColor;
}
.shrink-0 {
    flex-shrink: 0;
}
.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    /* vertical-align: middle; */
}
.mr-1 {
    margin-right: 0.25rem;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.modal-header {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.count-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.label {
    font-size: 18px;
}

.count-button {
    font-size: 24px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.count {
    font-size: 24px;
    margin: 0 10px;
}

.close-button {
    background-color: #ff3547;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
}







@media (min-width:1280px) {
 
    .check-da-container {
     max-width:63.75rem;
     margin: 0 auto;
    }
    
   }
   @media (min-width:768px) {
    
    
   }
   
   .check-inDate {
    padding-top:2rem;
    padding-bottom:2rem;
    cursor:pointer
   }
   
   .checkin-right{
   top: 1.25rem;
   width: 100%;
   justify-content: center;
   margin:4px;
   padding: 1rem;
   border: 2px solid #8c816b!important;
   box-shadow: none;
   
   }
   
   .checkin-left{
   top: 1.25rem;
   width: 100%;
   justify-content: center;
   margin:4px;
   padding: 1rem;
   border: 2px solid #8c816b!important;
   box-shadow: none;
   }
   .date-checked{
       color: #bb9631!important;
       padding-top:1rem;
   }
   .price-disp{
       font-size: .575rem;
   }
   
   /* new */
   
   .containerForm{
         margin: 0 auto;
       text-align: center;
   }
   .containerForm input{
     width: 263px;
       height: 25px;
       text-align: left;
       padding: 5px;
       margin-bottom: 10px;
   }
   
   div.datepicker-skin {
       display: inline-block;
       text-align: center;
       margin: 0 auto;
       width: 100%;
       float: none;
       font-family: 'Montserrat', sans-serif;
       background: none\9;
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F70F141C,endColorstr=#F70F141C)";
       font-size: 10px;
       padding: 10px;
       color: rgba(255,255,255,0.9);
       border-radius: 5px;
       -ms-border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       -khtml-border-radius: 5px;
   }
   .ui-datepicker-row-break {
     display: none;
   }
   .ui-datepicker-multi .ui-datepicker-group {
       float: left;
       padding: 5px;
   }
   
   
   
   .ll-skin-melon {
       font-size: 90%;
   }
   
   .ll-skin-melon .ui-widget {
       font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
       background: #343639;
       border: none;
       border-radius: 0;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
   }
   
   .ll-skin-melon .ui-datepicker {
       padding: 0;
   }
   
   .ll-skin-melon .ui-datepicker-header {
       border: none;
       background: transparent;
       font-weight: normal;
       font-size: 15px;
   }
   
   .ll-skin-melon .ui-datepicker-header .ui-state-hover {
       background: transparent;
       border-color: transparent;
       cursor: pointer;
       border-radius: 0;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-title {  
       font-size: 19px;
       font-weight: bold;
       padding: 0px;
       margin: 0px;
       width: 100%;
       height: 45px;
       color: #FFFFFF;
       text-align: center;
       padding-top: 17px;
       text-transform: uppercase;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover,
   .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
   .ll-skin-melon .ui-datepicker .ui-datepicker-next,
   .ll-skin-melon .ui-datepicker .ui-datepicker-prev {
       top: .9em;
       border:none;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
       left: 2px;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
       right: 2px;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-next span,
   .ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
       background-image: url(images/ui-icons_ffffff_256x240.png);
       background-position: -32px 0;
       margin-top: 0;
       top: 0;
       font-weight: normal;
   }
   
   .ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
       background-position: -96px 0;
   }
   
   .ll-skin-melon .ui-datepicker table {
       margin: 0;
   }
   
   .ll-skin-melon .ui-datepicker th {
       font-weight: normal;
       background: transparent;
       border: none;
       color: #FFFFFF;
       cursor: text;
       height: 25px;
       text-transform: uppercase;
       font-size: 12px;
       padding-top: 10px;
   }
   
   .ll-skin-melon .ui-datepicker td {
       background: rgba(255,255,255,0.05);
       border: none;
       padding: 0;
   }
   
   .ll-skin-melon td .ui-state-default {
       background: transparent;
       border: none;
       text-align: center;
       padding: .5em;
       margin: 0;
       font-weight: normal;
       color: #efefef;
       font-size: 16px;
   }
   
   .ll-skin-melon .ui-state-disabled  {
       opacity: 1;
   }
   
   .ll-skin-melon .ui-state-disabled .ui-state-default {
       color: rgba(255, 255, 255, 0.1);
   }
   
   /*.ll-skin-melon td .ui-state-active,*/
   .ll-skin-melon td .ui-state-hover {
       background: #FF9700 !important;
   }
   /****************************************/
   /****************************************/
   .ll-skin-melon td.dp-highlight .ui-state-default {
       background: #F5A64E;
       color: #FFF;
   }
   
   .ll-skin-melon .ui-datepicker td.dateFrom a,.ll-skin-melon .ui-datepicker td.dateTo a{
       background: #FF9700;
   }
   .ui-datepicker td.dp-highlight:first a , .ui-datepicker td.dp-highlight:last a{
       background: #FF9700;
   }
   
   .ui-datepicker.ui-datepicker-multi  {
       width: auto;
       padding: 10px;
       border-radius: 3px;
       display: inline-block !important;
   }
   .ui-datepicker-multi .ui-datepicker-group {
       float:none;
   }
   #datepicker {
       height: 300px;
       overflow-x: scroll;
   }
   .ui-widget { font-size: 100% }
   
   .dateFrom {
       position: relative;
       background: #FF9700;
       border: 4px solid #0008f5;
   }
   .dateFrom:after, .dateFrom:before {
       left: 100%;
       top: 50%;
       border: solid transparent;
       content: " ";
       height: 0;
       width: 0;
       position: absolute;
       pointer-events: none;
   }
   
   .dateFrom:after {
       border-color: rgba(213, 0, 0, 0);
       border-left-color: #FF9700;
       border-width: 17px;
       margin-top: -17px;
   }
   .dateFrom:before {
       border-color: rgba(0, 8, 245, 0);
       border-width: 17px;
       margin-top: -17px;
   }
   .select-text {
    color: #8c816b !important;
  }

 /* General Mobile Responsiveness dummy */
@media (max-width: 768px) {
    /* Adjust calendar layout */
    .calendar-container {
        width: 100%;
        overflow-x: auto; /* Enable horizontal scrolling */
    }

    .calendar-header {
        font-size: 1.2rem;
        padding: 8px 10px;
    }

    .calendar-header button {
        font-size: 1.2rem;
    }

    table {
        width: 100%;
        min-width: 600px; /* Ensure the table is wide enough to show all days */
    }

    th, td {
        padding: 8px;
        font-size: 0.9rem;
    }

    .price {
        font-size: 0.7rem;
    }

    /* Adjust room and guest selection */
    .flex.check-inDate {
        flex-direction: column;
        align-items: center;
    }

    .checkin-right, .checkin-left {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .price-top {
        flex-direction:  row;
    }

    .model-col-1, .model-col-2, .model-col-3 {
        width: 100%;
        margin-bottom: 10px;
    }

    .count-button {
        padding: 5px 10px;
        font-size: 0.9rem;
    }

    .count {
        font-size: 1rem;
    }

    /* Adjust header and footer */
    header .flex {
        flex-direction: column;
        align-items: center;
    }

    nav ul {
        flex-direction: column;
        align-items: center;
    }

    footer .flex {
        flex-direction: column;
        align-items: center;
    }

    footer ul {
        text-align: center;
    }

    /* Adjust background image */
    .bg-ho-1 {
        background-size: cover;
        background-position: center;
    }

    /* Adjust modal content */
    .modals-content-home {
        padding: 10px;
    }

    .border-bb {
        padding: 5px;
    }

    .h4 {
        font-size: 1.2rem;
    }

    .btn-primary {
        width: 100%;
        padding: 10px;
        font-size: 1rem;
    }
}

/* Smaller screens (e.g., phones) */
@media (max-width: 480px) {
    .calendar-header {
        font-size: 1rem;
    }

    th, td {
        padding: 5px;
        font-size: 0.8rem;
    }

    .price {
        font-size: 0.6rem;
    }

    .count-button {
        padding: 4px 8px;
        font-size: 0.8rem;
    }

    .count {
        font-size: 0.9rem;
    }

    .btn-primary {
        font-size: 0.9rem;
    }
}