:root {
    --bs-white: #ffffff;
    --bs-softgray: #d3d3d3;
    --bs-black: #000000;
    --bs-deepblue: #0067b8;
    --bs-aquablue: #00c3e3;
    --bs-gray:#c0c0c0;
    --bs-darkgray:#c4c4c4;
    --bs-lightgray:#595c5f;
    --bs-deepgray:#343a40;
    --bs-richgray:#45443f;
    --bs-button-color:#c4c4c4;
    --datepick-bg-color:#c4c4c4;
    --sideoverlay-bg-color:#c4c4c4;
    --bs-fade-color:#f7f6f2;
    --bs-counter-bg:#F6F5F5;
    --bs-bg-color:#000;
    --bs-sidedark-bg-color:#000;
    --round-50-corner:50px;
    --round-40-corner:40px;
    --round-30-corner:30px;
    --round-20-corner:20px;
    --round-10-corner:10px;
    --bs-accordion-border-width:1px;
    --bs-accordion-border-color:#dee2e6
}
.form-select{
    --bs-form-select-dark-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --bs-form-select-gray-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23595c5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.accordion-button:after{
--bs-accordion-btn-icon-width:1.25rem;
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.5s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-form-select-gray-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23595c5f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--bs-form-select-dark-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--bs-form-select-black-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.lineThrough{text-decoration: line-through;}
.card{
    --bs-card-spacer-x: 0rem;
}
.btn-close{
    filter:invert(1) !important;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
html {
    font-size: 16px;
}
body{
    overflow-x: hidden;
}

body:before{position: fixed;content:'';width: 100%;height: 100%;top:0;right:-100%;left:auto;bottom:0;opacity:0;visibility:hidden;z-index: 2;background-color:rgba(0, 0, 0, 0.8);backdrop-filter:blur(10px);-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -webkit-transition: all 0.4s ease-out 0.4s;
    -o-transition: all 0.4s ease-out 0.4s;
    transition: all 0.4s ease-out 0.4s;}
    body.isActive:before{right:0;left:auto;opacity: 1;visibility: visible;}
body,
button,
.btn-primary,
.btn-link {
    font-family: verdana !important;
    font-size: 14px;
}
h1,h2,h3,h4,h5,h6{font-family: Arial
Verdana
Helvetica: uppercase;}
.form-select, .form-control{font-size: 12px;}
    /* .form-select, .form-control{text-transform: uppercase;font-size: 12px;min-width: 170px;
        overflow: visible;
        white-space: nowrap;} */
.accordion-header, .accordion-button{box-shadow: none;outline: none;}
.accordion-button:hover, .accordion-button:focus{box-shadow: none;outline: none;}
p{font-family: verdana}
header .nav-link{text-transform: uppercase;font-weight: 600;}
.book-a-stay .btn-primary{background-color:var(--bs-button-color); padding: 0.1rem 0.5rem;border-radius: 0;text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.book-a-stay .btn-primary:hover, .book-a-stay .btn-primary:focus{background-color:var(--bs-button-color); border-color: var(--bs-button-color);}
.hotels-rooms-list .book-a-stay .btn-primary {
    padding: 0.3rem 0.7rem;
    border-radius: 0;
    font-size: 13px;
}
.hotels-rooms-list .book-a-stay .btn-primary.accordion-button{
    padding: 0.8rem 3.3rem 0.8rem 2rem;
    font-size: 12px;
    padding: 7px 25px 7px 12px;
    border-radius: 0px;
    font-weight: var(--secondary-font-weight);
}
/* header .navbar-brand{position: absolute;left:50%;transform: translateX(-50%);top:0;bottom: auto;background-color: var(--bs-white);padding: 10px;margin:0;z-index: 1} */
.logo .navbar-brand{background-color: var(--bs-white);padding: 0px 8px 8px 8px;margin:0;position: absolute;left:50%;transform:translateX(-50%);top: 8px;width: 100px;z-index: 1}
header .navbar-nav{align-items: center;justify-content: space-between;width: 100%;} 
header .navbar-nav:first-child .nav-item:last-child .nav-link{padding-right: 100px;}
header .navbar-nav:last-child .nav-item:first-child .nav-link{padding-left: 100px;}
/* header .navbar-collapse .nav-item:nth-child(4){margin-right: 75px;} */
header .navbar-collapse .nav-item:nth-child(6){margin-left: 130px;}
/* .wizard-form .nav-pills .nav-link.active span {
   background-color: var(--bs-deepblue);
   color: #fff;
   font-size: 14px;
}

.wizard-form .nav-pills .nav-link:not(.active) span {
   background-color: var(--bs-gray);
   color: var(--bs-darkgray);
   font-size: 14px;
} */



[type="submit"],
[type="reset"],
button,
html [type="button"] {
    -webkit-appearance: none !important;
    appearance: none !important;
}

*::before,
*::after {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.carousel-slider{position: relative;overflow: hidden;}
.carousel-slider:before{position: absolute;content:'';right:0;bottom: 0;top:auto;left: auto;width: 100%;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.9);
    filter: blur(135px);
    z-index: 1;
}


.carousel-slider .carousel-inner .carousel-item{height: calc(100vh - 53px);} 
.carousel-slider .carousel-inner .carousel-item .container{
    position: absolute;
    height: 100%;
    top: 0;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.carousel-slider .carousel-caption{
    position: absolute;
    top: auto;
    right: 12px;
    left: auto;
    bottom: 110px;
    width: 320px;
    text-align: right;
    margin: 0;
    text-shadow: 1px 1px 1px var(--bs-black);
    max-width: 100%;
    padding: 0;
    z-index: 2
}
.bottom-bar{
    position: absolute;
    top: auto;
    right: auto;
    left: 12px;
    bottom: 110px;
    width: auto;
    text-align: right;
    margin: 0;
    /* text-shadow: 1px 1px 1px var(--bs-black); */
    max-width: 100%;
    padding: 0;
    z-index: 2
}
.bottom-bar p{color: var(--bs-white);text-transform: capitalize;margin-bottom: 0.5rem;}
/* .social-icons{list-style: none;padding: 0;margin: 0;display: flex;gap: 10px;} */
/* .social-icons li i{color: var(--bs-white);} */
.carousel-slider .carousel-caption span{
    background-color: var(--bs-bg-color);
    color: var(--bs-white);
    text-align: right;
    padding: 1px 4px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 5px;
}
.carousel-slider .carousel-caption h2{font-size: 4rem;line-height: 3.5rem;}
.carousel-slider .carousel-control-prev, .carousel-slider .carousel-control-next{opacity: 1;}
.arrow-controls{position: absolute;bottom: 105px;top: auto;width: 60px;right:18px;left: auto;}
.arrow-controls i{font-size: 20px;}

/***************************booking bar********************************/
/* Initial styles */
/* .booking-form-wrapper {
    position: relative;
    width: 100%;
    height: auto; 
    background: white; 
    overflow: hidden;
    transition: height 0.7s ease, transform 0.7s ease;
    z-index: 1000;
  }
  
  /* Expanded to full-screen height and slides up */
  /* .booking-form-wrapper.fullscreen {
    height: 100vh; 
    transform: translateY(-100%);
  }  */

.booking-bar{
    background-color: var(--bs-white);
    padding: 0px 20px 0px 0px;box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: relative;top: -60px;z-index: 2;height: auto;cursor:pointer;
    /* transition: height 0.7s ease, transform 0.7s ease; */
}

/* .booking-bar.isActive{background-color: var(--bs-black);box-shadow:none;-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -webkit-transition: all 0.4s ease-out 0.4s;
    -o-transition: all 0.4s ease-out 0.4s;
    transition: all 0.4s ease-out 0.4s;} */

/* .booking-bar:before{position: absolute;content:'';width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);top:0;right:-100%;left:auto;bottom:0;opacity:0;visibility:hidden;z-index: 1;-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -webkit-transition: all 0.4s ease-out 0.4s;
    -o-transition: all 0.4s ease-out 0.4s;
    transition: all 0.4s ease-out 0.4s;
} */
    /* .booking-bar.isActive:before{right:0;left:auto;opacity: 1;visibility: visible;} */
.booking-bar.fullscreen {
    height: calc(90vh - 84px); 
/*height: auto;*/
    transform: translateY(-85%);
    /* overflow: hidden; */
    overflow-y: scroll;
  }
  .credit-card-images{
    display: flex;
    gap: 20px;
  }
  .credit-card-images img {
    width: 20%;
    filter: grayscale(100%);
}
.credit-card-images img:hover{
    filter: grayscale(0%);
}

.booking-bar .form-select, .booking-bar .form-control{background-color: transparent;}
.booking-bar .form-control:focus{box-shadow: none;}
.booking-bar .book-room{position: relative;}
.booking-bar .book-room>.form-control{min-width: 250px}
.booking-bar .book-room:before{position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--bs-deepgray);
    border-left: 2px solid var(--bs-deepgray);
    right: 5px;
    left: auto;
    top: 42%;
    border-radius: 1px;
    transform: translateY(-50%) rotate(-135deg);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.bookingbar-close{
    position: absolute;
    top: -28px;
    right: 0px;
    width: 31px;
    /* height: 25px; */
    background-color: #000000;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    padding: 1px 10px;
}
.booking-bar .book-room.arrow:before{transform: rotate(45deg);}
.booking-bar-form{display: flex;justify-content: space-between;align-items: center;gap:10px;height:60px}
.booking-bar-form .form-select, .booking-bar-form .form-control{border:none;border-radius: none;box-shadow: none;outline: none;}
.booking-bar-form > div .form-select .select-selected{padding: 5px 28px 5px 5px;cursor: pointer;}
.side-overlay .primary-details .select-selected{padding: 0.75rem 2.25rem 0.75rem 0rem;color:var(--bs-black)}
.booking-bar-form > div:first-child .form-select{background-color: #3394BB;color: var(--bs-white);background-image: var(--bs-form-select-dark-bg-img);border-radius: 0;}
.booking-bar-form > div .form-select{padding: 0;}
.booking-confirmed span svg{width:80px;fill:#000000}

.booking-bar-form > div:first-child .form-select .select-options .select-option{color: var(--bs-black);}
.booking-bar-form input[id="destination"]{border-bottom: 1px solid rgba(0,0,0,0.1);border-radius: 0;padding:0.375rem 0rem; overflow: auto !important; 
    overflow-x: auto !important;
    overflow-y: auto !important;
    min-width: 250px;white-space: nowrap;text-transform: capitalize;}

    .custom-select {
        position: relative;
        user-select: none;
    }
     .book-room{position: relative;}
     .book-room .card-body{
        position: absolute;
        /* top: 100%; */
        left: 0;
        width: 100%;
        background-color: white;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        min-width: 320px;
        max-width: 100%;
        z-index: 1;
        border-radius: 0;
        max-height: 15vw;
        overflow-y: auto;
        /* opacity: 0;
        display: block;
        visibility: hidden; */
        border:none;
        display:none
    }
    /* .book-room .show .card-body{opacity: 1;top:100%;visibility: visible;} */
    .book-room .card-body .add-room{color: var(--bs-bg-color);text-decoration: none;}
    .card-body .row{
        background-color: var(--bs-counter-bg);
        padding: 5px;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;

    }
    /* .card-body.open-from-top {
        position: absolute;
        bottom: 100%;
      }
      
      .card-body.open-from-bottom {
        position: absolute;
        top: 100%;
      } */
    .btn-minus, .btn-plus{padding: 0;border:none}
    .book-room .card-body .flex-column .age-count{font-size: 0.938vw;line-height: 1.30vw;display: block;}
    .book-room .card-body button[class*='btn-'] img{width: 12px;height: 12px;}
    .vertical-hr {
        width: 0.5px;               
        height: 25px;            
        background-color: #000;  
        border: none;            
        margin: 0 5px;         
        padding: 0;
        display: inline-block;   
      }
      .book-room .card-body button[class*='btn-']:hover{background-color: transparent;}
      #rooms_childs_showT{cursor: pointer;}
    /* .select-selected {
        padding: 0px;
        cursor: pointer;
    } */
    
    .custom-select .select-options {
        display: none; 
        position: absolute;
        /* top: 100%; */
        left: 0;
        width: 100%;
        background-color: white;
        padding: 0px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        /* min-width: 252px; */
        min-width: auto;
        max-width: 100%;
        z-index: 2;
    }
    
    .select-option {
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 25px;
        transition: background-color 0.3s;
    }
    .select-option i{
        position: absolute;
        left: 5px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;

    }
    .select-option:last-child{border:none}
    
    .select-option:hover {
        /* background-color: #f0f0f0; */
        font-weight: 500; 
        border-bottom: 1px solid #222;
    }
   .credit-card-image {
    width: 78%;
    margin-bottom: 1rem;
    filter: grayscale(1);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.credit-card-image:hover{
    filter: grayscale(0);
}
.confirm-gif{
    width: 100px;
}
    

    .custom-select.open .select-options {
        display: block;
        /* bottom: 59px!important;
        top: auto!important; */
    }
    .btn-primary{
        border:none!important;
    }
    
    .hotels-rooms-list{padding: 2rem;margin:2px -20px 0 0;max-height: 54vw;overflow-y: auto;}
    .hotels-rooms-list .row>div[class*='col-md-3']{display: flex;flex-direction: column;gap: 10px;}
    .hotels-rooms-list .card{border:none;padding: 15px;border:1px solid rgba(0,0,0,0.1)}
    .hotels-rooms-list .card-body>div{display: flex;flex-direction: column;}
    .hotel-info>span:first-child{font-size: 20px;font-weight:600}
    .rating i{color: var(--bs-bg-color);}
    .hotels-rooms-list .card-body>div a{color: var(--bs-black);text-transform: uppercase;}
    .hotels-rooms-list .card-body>div:first-child a{padding: 0 0 0.375rem 0}
    .book-a-stay .btn-primary{color:var(--bs-white);background-color: #3394BB;
        box-shadow:none;width:auto;border-radius: 5px;}
    .book-a-stay .btn-primary:hover{background-color: var(--bs-button-color);}
    .book-a-stay .btn-primary:after{display: none;}
    .hotels-rooms-list .book-a-stay .btn-primary:after{display: block;}
    .hotels-rooms-list .book-a-stay .btn-primary.accordion-button:after{
        position: absolute;
    right: 3px;
    background-size: 16px;
    top: 6px;
    width: 17px;
    transform: rotate(180deg);
    }
    .hotels-rooms-list .book-a-stay .btn-primary.accordion-button.collapsed:after{transform: rotate(0deg);}
    .hotels-amenities ul{list-style: none;padding: 10px 0 0 0;margin: 0;display: flex;gap: 8px 20px;flex-wrap: wrap;justify-content: space-between;}
    .hotels-amenities ul li{position: relative;padding-left: 15px;flex: 1 1 calc(50% - 20px);text-align: left;font-size: 12px;font-weight: 600;}
    .hotels-amenities ul li:before{position: absolute;content:'';left:0;right:auto;top:5px;bottom:auto;width:5px;height:5px;transform: rotate(45deg);background-color: var(--bs-button-color);}
    .location p{padding: 15px 0px 0px 25px;margin:0;position: relative;}
    .location i{position: absolute;padding-right: 5px;top:18px;left:0;right:auto;color: var(--bs-bg-color)}
    .price-details{text-align: right;}
    .price-details>span{color: var(--bs-bg-color);font-size: 1rem;text-transform: capitalize;}
    .hotels-list .price-details>span{font-size: 0.875rem;color: var(--bs-darkgray);}
    .price-details p{font-size: 0.75rem;}
    .price-details .ratingvalue{font-size: 0.875rem;background-color: var(--bs-bg-color);padding: 5px;border-radius: 5px;color: var(--bs-white);}
    .make-flex{display: flex;flex-direction: column;gap: 5px;}
    .make-flex p{margin: 0;}
    .make-flex .priceText{font-size: 22px;line-height: 22px;color: var(--bs-black);font-weight: 900;}
    .make-flex p:last-child span{display: block;}
    .facilities{padding-top: 15px;}
    .facilities span{font-size: 0.75rem;}
    .tile-placeholder p{margin: 0;display:inline-block;border: 1px solid var(--bs-darkgray);
        border-radius: 4px;
        color: var(--bs-darkgray);
        font-size: 0.75rem;
        line-height: 0.875rem;
        margin-top: 6px;
        padding: 5px 6px;
        background-color: rgba(0, 0, 0, 0.01);
        text-transform: capitalize;}
    .highlight-Text{color: var(--bs-bg-color);border-right:1px solid rgba(0, 0, 0, 0.5);padding-right: 5px;margin-right:5px}
    #search a{font-size: 20px;color: var(--bs-black);text-decoration: none;}
    #search a:hover,  #search a:focus{color: var(--datepick-bg-color)}

    .search-icon1 i{font-size: 20px;color: var(--bs-black);text-decoration: none;}
    .search-icon1 i:hover,  .search-icon1 i:focus{color: var(--datepick-bg-color)}

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
        border-radius: 0px;
        background-color: var(--white-surface);
        position: absolute;
        right: 0;
      }
      
      ::-webkit-scrollbar {
        width: 0px;
        height: 5px;
        background-color: var(--white-surface);
        border-radius: 0px;
        position: absolute;
        right: 0;
      }
      
      ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
        background-color: var(--primary);
        position: absolute;
        right: 0;
      }
      .hotels-rooms-list .accordion-body .hotel-info span{font-size: 18px;color: var(--bs-richgray);}
      .hotel-dist ul{list-style: none;padding: 0;margin: 0;}
      .hotel-dist ul li{position: relative;padding-left: 20px;font-size: 16px;}
      .hotel-dist ul li:before{position:absolute;content:'';left:2px;top:50%;transform:translateY(-50%) rotate(45deg);width: 6px;height: 6px;background-color: var(--bs-button-color);}
      .hotel-dist a{display:block;text-decoration: underline;color:var(--bs-button-color);padding-top: 15px;}
      .hotels-rooms-list .accordion-body .price-details{display: flex;flex-direction: column;gap: 20px;}
      .hotels-rooms-list .accordion-body .price-details{border-left: 1px solid rgba(0,0,0,0.1);}
      /* .hotels-rooms-list .accordion-body .price-details div{gap: 20px;} */
      .hotels-rooms-list .accordion-body .price-details p{font-size: 14px;margin-bottom: 5px;}
      .hotels-rooms-list .accordion-body .price-details p.priceText{font-size: 22px;}
      .hotels-rooms-list .accordion-body{background-color: rgba(0, 0, 0, 0.02);padding: 25px;border-radius: 0.5rem;}
      .hotels-rooms-list .accordion-body>.row{margin-bottom: 30px;border:1px solid rgba(0,0,0,0.08);padding: 30px;border-radius: 0.5rem;background-color: var(--bs-white);}
      .hotels-list.hotels-rooms-list .accordion-body>.row{padding: 15px;}
      .hotels-rooms-list .accordion-body>.row:last-child{margin-bottom: 0px;}
      .hotels-list.hotels-rooms-list .accordion-body .price-details .d-flex{justify-content: end;gap: 2px;align-items: center;}
      .hotels-list.hotels-rooms-list .accordion-body .price-details .d-flex>span{
        color: var(--bs-bg-color);
        font-size: 1rem;
        text-transform: capitalize;}
    .hotels-list.hotels-rooms-list .accordion-body .price-details .d-flex>span:last-child{font-size: 0.875rem;color:var(--bs-white)}

/***************************suggestion-list********************************/
.popup-box{display: none;}
.popup-box.show{display: block!important;}
.popup-box small{text-align: center;display: block;padding: 15px 0;text-transform: uppercase;color: var(--bs-button-color);font-weight: 700;}
.popup-box .hotels-listing{padding-bottom: 20px;}
.popup-box .hotels-listing .amenities{padding-top: 20px;}
.popup-box .hotels-listing p{font-weight:600;padding-bottom: 2px;margin-bottom: 15px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.popup-box .hotels-listing ul{list-style: none;padding: 0;margin: 0;}
.popup-box .hotels-listing ul li {
    padding: 10px 0;
    font-weight: 400;
    font-size: 14px;
}
.popup-box .hotels-listing ul {
    margin-bottom: 10px;
}
a.view-all-hotel-btn {
    font-size: 12px;
    text-align: center;
    color: #c4c4c4;
    font-weight: 500;
    text-decoration: underline;
    margin-top: 1.5rem;
    display: block;
}
.popup-box .hotels-listing ul li:first-child{padding-top:0;}
.enter-destination{text-decoration: none;padding-left: 0px;border-bottom:1px solid rgba(0,0,0,0.1)!important;border-radius: 0;}
.amenities{display: block;}
.amenities ul{list-style:none;display:flex;flex-wrap: wrap;gap: 10px;margin:0;padding: 0;}
.amenities ul li{width:50px;height: 50px;line-height:30px;border:1px solid rgba(0,0,0,0.1);text-align: center;}
.popup-box .hotels-listing .amenities ul li:first-child{padding-top: 10px;}
.amenities ul li:hover, .amenities ul li:focus{border: 1px solid rgba(0, 0, 0, 1);}
.amenities ul li img{height: 20px;width: 20px;object-fit: contain;min-height: auto;opacity: 0.5;}
.amenities ul li:hover img, .amenities ul li:focus img{opacity: 1;}
    .suggestions-list {
        position: absolute;
        z-index: 1000;
        /* min-width: 200px;  */
        min-width: 250px; 
        max-width: 250px; 
        overflow-x: auto; 
        background: #fff;
        overflow-y: auto;
        max-height: 30vw;
        border: none;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        margin: 12px 0;
        padding: 5px;
        display: none;
    }
    .hotels-listing .amenities ul li span{
        font-size:10px;
        margin-top: 5px;
    }
    .suggestions-list div {
        padding: 8px;
        cursor: pointer;
    }
    .suggestions-list div.amenities{padding: 0px;}
    .suggestions-list div:hover {
        background: #f9f9f9;
    }

/***************************hotel-list-view********************************/

  
  /* Hide the hotels list initially */
  .hotels-rooms-list {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  
  /* Show hotels list with fade-in effect */
  /* .hotels-rooms-list.show {
    display: block;
    opacity: 1;
  } */

  /* Show hotels list with fade-in effect */
  .hotels-rooms-list.active.show {
    display: block;
    opacity: 1;
  }
  /* .hotels-rooms-list.rooms-info.active {
    display: block;
    opacity: 1;
  } */
  
  .hidden {
    display: none;
}
  .container.btm-space{height:60px}
  

/***************************date picker update********************************/
.litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-end-date{border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: var(--bs-bg-color);
}
.litepicker .container__days .day-item:hover {
    color: var(--bs-bg-color);
    -webkit-box-shadow: inset 0 0 0 1px var(--bs-bg-color);
    box-shadow: inset 0 0 0 1px var(--bs-bg-color);
    border-radius: 0;
}
.litepicker .container__days .day-item.is-in-range{background-color: var(--datepick-bg-color)}
.litepicker .container__days .day-item.is-start-date:hover, .litepicker .container__days .day-item.is-end-date:hover{color: var(--bs-white)}
.litepicker .container__months .month-item-header{background-color: var(--bs-bg-color);color: var(--bs-white);margin-bottom: 10px;}
.litepicker .container__months .month-item-header .button-previous-month{color: var(--bs-white);}
.litepicker .container__months .month-item-header .button-previous-month>svg, .litepicker .container__months .month-item-header .button-previous-month>img, .litepicker .container__months .month-item-header .button-next-month>svg, .litepicker .container__months .month-item-header .button-next-month>img{fill: var(--bs-white);}
.litepicker .container__days .day-item{font-size: 0.875rem;}

/*********************************map***************************************/
#map-container{
    width: 100%; 
    max-width: 620px; 
    height: auto; 
    margin: 0 auto;
}
.land
    {
        fill: #CCCCCC;
        fill-opacity: 1;
        stroke:white;
        stroke-opacity: 1;
        stroke-width:0.5;
    }
    #map path:hover {
        fill: #7d2b13;
        cursor: pointer;
    }

    svg {
    width: 100%;
    height: auto;
    display: block; 
    }
    #tooltip {
    position: absolute; display: none; background: var(--bs-button-color); color:var(--bs-white);padding: 5px; border: 1px solid var(--bs-white);
    top:0;
    font-size: 12px;
    pointer-events: none;
    }
    /* #tooltip:before{position: absolute;content:'';top:auto;bottom:-5px;z-index:0;left: 50%;transform: translateX(-50%) rotate(-45deg);width: 10px;height: 10px;border:1px solid var(--bs-white)} */

/****************************side-overlay*************************************/
.side-overlay{ 
    position: absolute;
    right: -100%;
    /* right: 0; */
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 400px;
    z-index: 999999;
    padding:70px 15px 15px 15px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color:var(--bs-white);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: visible;
    opacity: 1;
    padding-bottom: 60px;
    /* display: flex;
    gap: 20px; */
}

.side-overlay.isActive{
        opacity: 1; 
        visibility: visible;
        right:0;
        -webkit-transition: all 0.5s ease-out 0.5s;
        -o-transition: all 0.5s ease-out 0.5s;
        transition: all 0.5s ease-out 0.5s;-webkit-transition: all 0.5s ease-out 0.5s;
        -o-transition: all 0.5s ease-out 0.5s;
        transition: all 0.5s ease-out 0.5s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .side-overlay .primary-details{flex: 2;}
    .side-overlay .stay-info{flex: 1;}
   

.side-overlay .custom-select .select-options .select-option{text-align: left;padding-left: 8px;}
.widget-heading {
    position: absolute;
    top: 15px;
    right: 15px;
    left: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    background-color: #3394BB;
    color: var(--bs-white);
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
}
.widget-heading:hover .close-side-widget i, .widget-heading:focus .close-side-widget i{color: var(--bs-white);}
.widget-heading:hover, .widget-heading:focus{background-color: var(--bs-button-color);}
.widget-heading .close-side-widget i{color: var(--bs-white)}
.side-overlay .primary-details .form-control, .side-overlay .primary-details .form-select{border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0;padding: 0.75rem 0rem;color:var(--bs-black)}
.side-overlay .primary-details .form-box .iti--separate-dial-code .iti__selected-flag{background-color: transparent;color: var(--bs-black);}
.side-overlay .primary-details .form-box .iti{width: 100%;}
.side-overlay .primary-details .form-box .iti__arrow{border-top:4px solid var(--bs-white)}
.side-overlay .primary-details .custom-select{color: var(--bs-richgray)}
.side-overlay .primary-details .custom-select.form-select{background-image: none;}
.side-overlay .primary-details .form-box .form-control::-webkit-input-placeholder {
    color: var(--bs-black);
}
    
.side-overlay .primary-details .form-box .form-control::-moz-placeholder {
    color: var(--bs-black);
}
    
.side-overlay .primary-details .form-box .form-control:-ms-input-placeholder {
    color: var(--bs-black);
}
    
.side-overlay .primary-details .form-box .form-control:-moz-placeholder {
    color: var(--bs-black);
}
.side-overlay .primary-details .form-check .form-check-label{color: var(--bs-black);}
/*background-image: var(--bs-form-select-gray-bg-img);background-image: none}*/
.side-overlay .primary-details .custom-select:before{position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--bs-black);
    border-left: 2px solid var(--bs-black);
    right: 2px;
    left: auto;
    top: 44%;
    border-radius: 1px;
    transform: translateY(-50%) rotate(-135deg);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.side-overlay .primary-details .form-check a{text-decoration: none;color: var(--bs-button-color)}
.side-overlay .book-a-stay .btn-primary:hover, 
.side-overlay .book-a-stay .btn-primary:focus{background-color: #3394BB;color:#3394BB;}
.side-overlay .tab-content{position: relative;}
.side-overlay .tab-content:after{content: '';height: 15px;display: block;width: 100%;position: absolute;bottom: -15px;} 
/* .side-overlay .tab-content .tab-pane{height: 100%;} */
.side-overlay .tab-content .booking-confirmed{
/* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.side-overlay .tab-content .booking-confirmed h3{color: var(--bs-black);}
.stay-info h4:first-child{padding: 1rem;margin: 0;border-top: 1px solid var(--bs-black);border-left: 1px solid var(--bs-black);border-right: 1px solid var(--bs-black);border-bottom: transparent}
.stay-info h4:first-child{color:var(--bs-black)}
.stay-info .accordion-header{padding: 0;}
.stay-info .accordion-header .accordion-button{color:var(--bs-black);background-color: transparent;}
.stay-info .accordion-header + p{padding: 0 1rem;}
.stay-info .accordion-header .accordion-button:not(.collapsed){background-color: transparent;box-shadow: none;outline: none;}
.stay-info .accordion-header .accordion-button:after{background-image: var(--bs-form-select-black-bg-img);width: 1rem;height: 1rem;background-size: 1rem;}
.stay-info .accordion-item:nth-child(2) .accordion-header .accordion-button:after{width:0.75rem;height:0.75rem;background-size: 0.75rem;margin-right: auto;margin-left: 5px;}
.stay-info .accordion{border: 1px solid var(--bs-black);}
.cancellation-policy{border: 1px solid var(--bs-black);margin-top: 20px;margin-bottom: 10px;position: relative;}
/* .cancellation-policy:after{content: '';height: 15px;display: block;width: 100%;position: absolute;bottom: -15px;} */
.stay-info .accordion-item{background-color:transparent;border-radius: 0;border-top: transparent;border-left: transparent;border-right: transparent;border-bottom: 1px solid var(--bs-black);}
.stay-info .accordion-item .accordion-body{padding: 0 1rem;}
.room-flex{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.stay-info .cancellation-policy, .spacer{padding: 1rem;}
.stay-info .accordion-item:nth-child(2) .accordion-header p{font-size: 0.875rem;margin: 0;padding-right: 1rem;}
.stay-info .accordion-item:nth-child(2) .accordion-header{display: flex; align-items: center;}
.stay-info .accordion-item .accordion-body .btn-link{padding: 0rem 0rem 1rem 0rem;color:var(--bs-black)}
.stay-info .accordion-item .accordion-body .btn-link:hover, .stay-info .accordion-item .accordion-body .btn-link:focus{color: var(--bs-bg-color)}
.nav-sidebar .nav{position: absolute;top: 50%;transform: translateY(-50%);right:-100%;left: auto;bottom: auto;background-color: var(--bs-richgray);width:50px;display: flex;gap: 25px; z-index:2;-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;}
.nav-sidebar.isActive .nav{right:400px;
    -webkit-transition: all 0.6s ease-out 0.6s;
    -o-transition: all 0.6s ease-out 0.6s;
    transition: all 0.6s ease-out 0.6s;}
.nav-sidebar .nav .nav-link{text-align: center;font-size: 10px;color:var(--bs-white);padding: 8px 2px;position: relative;opacity: 0.5;background-color: transparent;}
.nav-sidebar .nav .nav-link.active{opacity: 1;}
.nav-sidebar .nav .nav-link span svg{width:20px;margin: 0 auto 5px;}
.nav-sidebar .nav-pills .nav-link::before{position: absolute;content:'';width: 2px;border-radius: var(--round-10-corner);background-color: rgba(255,255,255,0.5);top:100%;bottom: auto;left: 24px;right: 0;height: 25px;}
.nav-sidebar .nav-pills .nav-link::after{position: absolute;content:'';width: 2px;border-radius: var(--round-10-corner);background-color: var(--bs-white);top:100%;bottom: auto;left: 24px;right: 0;height:0px;}
.nav-sidebar .nav .nav-link:last-child:before, .nav-sidebar .nav .nav-link:last-child:after{display: none;}
.nav-sidebar .nav-pills .nav-link.active::after{height: 25px;}
.side-overlay .book-a-stay .btn-primary{padding: 1rem 0.5rem;background-color: #3394BB;color: var(--bs-white)}
.stay-info p, .stay-info span{color: var(--bs-black);}
.side-overlay .book-a-stay{position: fixed;
    bottom: 0;
    width: 401px;
    padding-right: 35px;}
   
        .side-overlay .book-a-stay:after {
            content: '';
            height: 15px;
            display: block;
            width: 366px;
            position: absolute;
            bottom: auto;
            top: -15px;
            background-color: var(--bs-white);
            right: 35px;
        }
    .side-overlay .book-a-stay .btn-primary{border-radius: 0;}
.inclusive{font-size: 0.750rem;}
/* .modal-amenities-detail .btn-close{} */
.modal-amenities-detail .modal-body{padding: 0 1rem 1rem 1rem;}
.modal-amenities-detail ul{list-style: none;padding: 0;margin: 0;}
.modal-amenities-detail ul li{padding-left: 15px;position: relative;}
.modal-amenities-detail ul li:before{position: absolute;content:'';top:50%;transform:translateY(-50%) rotate(45deg);left: 0;width: 5px;height: 5px;background-color: var(--bs-button-color);}
.modal-amenities-detail .modal-body h6{margin-top: 1.5rem;letter-spacing: 0.5px;margin-bottom: 0;}
.modal-amenities-detail .modal-footer h6{font-size: 2rem;}
.modal-amenities-detail .modal-header .btn-close {

    position: absolute;
    bottom: 100%;
    color: var(--bs-white);
    right: 5px;
    left: auto;
    opacity: 1;
    margin-bottom: 0px;
    padding: 5px 8px;
}
/* position: absolute;
    bottom: 100%;
    color: #ffffff;
    right: 15px;
    margin-bottom: 0px; */
    
    
    @media (min-width: 1680px) {
        .side-overlay .book-a-stay{width:405px}
    }
   

@media (min-width: 1400px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
    /* .form-select, .form-control{font-size: 14px;min-width: 195px;} */
    .form-select, .form-control{font-size: 14px;}
    .book-room .card-body button[class*='btn-'] img{width: 14px;height: 14px;}
}
@media (max-width: 1680px) {
    .litepicker .container__days .day-item{font-size: 0.938vw;}
}


@media (max-width: 768px) {
    #map-container {
    max-width: 100%; 
    }
}
@media (max-width: 767px) {
.side-overlay .custom-select .select-options {
    width: 100%;
    min-width: 100%;
    z-index: 2
}
.side-overlay .custom-select .select-options .select-option{
    text-align: left;
}
}
/* 
input:not([type="image" i], [type="range" i], [type="checkbox" i], [type="radio" i]) {
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
} */

/***************************login-modal***********************************/
.form-details .form-control{height: 40px;
    border: none;
    border-bottom: 1px solid var(--bs-softgray);
    border-radius: 0;
    box-shadow: none;
    padding: 0.375rem 0rem;
}
.form-details .modal-header{padding: 0;border:none}
.form-details .modal-header .btn-close{
    position: absolute;
    top: auto;
    bottom: 100%;
    right: 5px;
    opacity: 1;
    margin-bottom: 1px;
    left: auto;
}
   .form-details .form-control:focus {
        border-bottom-color: var(--bs-bg-color);
        box-shadow: none;
    }
    .form-details .form-control::-webkit-input-placeholder {
        color: var(--bs-softgray);
    }
        
    .form-details .form-control::-moz-placeholder {
        color: var(--bs-softgray);
    }
        
    .form-details .form-control:-ms-input-placeholder {
        color: var(--bs-softgray);
    }
        
    .form-details .form-control:-moz-placeholder {
        color: var(--bs-softgray);
    }