@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
body{
    font-family: "Figtree", sans-serif;
}

/**{
    outline: 1px solid red !important;
}*/

.hero{
    height:95vh;
    background:url(images/hero.jpg) center/cover no-repeat;
    position:relative;
    color:white;
}

.inner-hero-overlay {
    position: absolute;
    inset: 0;
/*    background: rgba(0, 0, 0, 0.45);*/
    display: flex;
    align-items: center;
}
.inner-hero-overlay h1{
    font-size: 1.8rem;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px #000;
}
/*.hero-content{
    position:relative;
    z-index:2;
}*/

.section-title{
    font-weight: 600;
    margin-bottom: 40px;
    font-family: "Playfair Display", serif;
    color: #892d2d;
}

.parallax{
    font-family: "Playfair Display", serif;
    background:url(../images/neture2.webp) center/cover fixed;
    height:350px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:40px;
    font-weight:600;
    text-align: center;
}
.blockquote{
    font-family: "Figtree", sans-serif;
    font-size: 1rem !important;
}
.footer{
    background:#111;
    color:#aaa;
    padding:10px 0px 0px 0px;
}

.navbar .dropdown:hover .dropdown-menu{
    display:block;
    margin-top:0;
}
.hero-cinematic{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.hero-cinematic video,
.hero-cinematic img{
    width:100%;
    height:100vh;
    object-fit:cover;
}
/* Mobile adjustment */

@media (max-width:768px){

    .hero-cinematic,
    .hero-cinematic .swiper-slide{
        height:100vh !important;
    }

    .hero-content h1{
        font-size:32px !important;
    }

    .hero-content p{
        font-size:16px !important;
    }
    .luxury-booking{
       margin-bottom: 25px;
        box-shadow: 3px -8px 9px 8px rgb(0 0 0 / 61%) !important;
        margin-top: 0px !important;
    }
    .hero-overlay {
        top: 0px !important;
    }
    .storyTwo{
        margin: 15px 0px !important;
        border-left: none !important;
        border-right: none !important;
    }
    .cta, .cta2, .cta3, .cta4, .cta5  {
        padding: 40px 0px !important;
    }
    .section-padding {
        padding: 25px 0 !important;
    }
}
.swiper-slide{
    position:relative;
}

.swiper-slide::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
/*    background:rgba(0,0,0,0.35);*/
    top:0;
    left:0;
}

/* Swiper Navigation Luxury Style */

.swiper-button-next,
.swiper-button-prev{
    width:55px;
    height:55px;
    border-radius:50%;
    
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    
    border:1px solid rgba(255,255,255,0.3);
    
    color:#892d2d;

    box-shadow:0 8px 25px rgba(0,0,0,0.15);

    transition: all 0.35s ease;
}

/* Arrow icon size */

.swiper-button-next::after,
.swiper-button-prev::after{
    font-size:20px;
    font-weight:bold;
}

/* Hover Effect */

.swiper-button-next:hover,
.swiper-button-prev:hover{

    background:#892d2d;
    color:#fff;

    transform: scale(1.12);
    
    box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

/* Position outside slider */

.swiper-button-prev{
    left:-25px;
}

.swiper-button-next{
    right:-25px;
}



.hero-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    color:white;
    max-width:700px;
    z-index:2;
    font-family: "Playfair Display", serif;
}

.hero-content h1{
    font-size: 3rem;
    font-weight:400;
    margin-bottom:20px;
    
}

.hero-content p{
    font-size:20px;
    margin-bottom:25px;
}

.floating-booking{
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translateX(-50%);
    background:white;
    padding:20px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
    z-index:3;
    width:80%;
}

.slide-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    animation:kenburns 12s ease-in-out infinite alternate;
}

@keyframes kenburns{

    0%{
        transform:scale(1) translate(0,0);
    }

    100%{
        transform:scale(1.15) translate(-2%, -2%);
    }

}
.hero-cinematic,
.hero-cinematic .swiper-slide{
    height:100vh;
    overflow:hidden;
}

.hero-cinematic img,
.hero-cinematic video{
    width:100%;
    height:100%;
    object-fit:cover;
}
@media (max-width:768px){

    .slide-image img{
        animation:kenburnsMobile 12s ease-in-out infinite alternate;
    }

    @keyframes kenburnsMobile{

        0%{
            transform:scale(1);
        }

        100%{
            transform:scale(1.08);
        }

    }

}

/* ===============================
   NAVBAR BASE
================================*/

.luxury-navbar{
background:#fff;
transition:all .4s ease;
box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.luxury-navbar.scrolled{
padding-top:25px;
padding-bottom:5px;
box-shadow:0 10px 40px rgba(0,0,0,.12);
}

/* ===============================
   LOGO
================================*/

.navbar-brand{
font-weight: 400;
font-size: 20px !important;
font-family: "Figtree", sans-serif;
}

/* ===============================
   NAV LINKS
================================*/

.navbar .nav-link{
position:relative;
font-weight:400;
font-family:"Figtree", sans-serif;
font-size:14px;
display:flex;
align-items:center;
gap:6px;
padding:12px 14px !important;
color:#000;
transition:all .3s ease;
}

/* ICON */

.navbar .nav-link i{
color:#892d2d;
transition:all .3s ease;
}

/* UNDERLINE EFFECT */

.navbar .nav-link::after{
content:"";
position:absolute;
left:60%;
bottom:0;
width:25%;
height:1px;
background:#e5e5e5;
transform:translateX(-50%);
transition:all .3s ease;
}

.navbar .nav-link:hover::after{
width:100%;
background:#892d2d;
}

/* HOVER */

.navbar .nav-link:hover{
color:#ccc;
}

.navbar .nav-link:hover i{
color:#ccc;
}

/* ===============================
   BOOK BUTTON
================================*/

.luxury-btn{
background:#892d2d !important;
border:none;
color:#fff !important;
border-radius:30px !important;
padding:10px 22px !important;
transition:.3s;
}

.luxury-btn:hover{
background:#6f1f1f !important;
color:#fff !important;
transform:translateY(-2px);
}

/* ===============================
   DROPDOWN
================================*/

.dropdown-menu{
border:none;
border-radius:12px;
padding:8px;
box-shadow:0 20px 40px rgba(0,0,0,.15);

opacity:0;
visibility:hidden;
transform:translateY(15px);

transition:all .35s ease;
display:block;
backdrop-filter: blur(10px);
background:rgba(255,255,255,0.92);
 z-index: 1055;
}



/* SHOW ANIMATION (Desktop) */

@media (min-width:992px){

.nav-item.dropdown:hover .dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
}

}

/* DROPDOWN ARROW ROTATE */

.navbar .dropdown-toggle::after{
transition:transform .3s ease;
border: none !important;
margin: 0px !important;
vertical-align: unset !important;
}

/*@media (min-width:992px){

.navbar .dropdown:hover .dropdown-toggle::after{
transform:rotate(180deg);
}

}*/

/* ===============================
   DROPDOWN ITEMS
================================*/

.dropdown-item{
position:relative;
padding:10px 35px;
font-size:14px;
color:#892d2d;
transition:all .3s ease;
border-radius: 8px;
}

/* ICON */

.dropdown-item::before{
content:"\F5D3";
font-family:"bootstrap-icons";
position:absolute;
left:1px;
opacity:.5;
color:#892d2d;
transition:all .3s ease;
}

/* HOVER */

.dropdown-item:hover{
background:#892d2d !important;
color:#fff !important;
padding-left:20px;
}

.dropdown-item:hover::before{
color:#ccc;
opacity:1;
}
.dropdown-item.active{
    background: #000 !important; 
}





@media (max-width:991px){

.navbar .dropdown-menu{
    position: static;
    float: none;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    border: none;
    transform: translateY(15px);
    transition: all .35s ease;
}

}


/* BOOKING BAR CONTAINER */

.luxury-booking{
background:rgba(255,255,255,0.95);
backdrop-filter:blur(10px);
padding:18px;
border-radius:14px;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
position:relative;
z-index:10;
}

.luxury-booking{
margin-top:-120px;
}
/* INPUT FIELD WRAPPER */

.booking-field{
position:relative;
}

.booking-field i{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
color:#6e1f1f;
font-size:16px;
}

/* INPUTS */

.booking-field input,
.booking-field select{
height:50px;
padding-left:38px;
border-radius:10px;
font-size:14px;
border:1px solid #ddd;
transition:.3s;
}

.booking-field input:focus,
.booking-field select:focus{
border-color:#6e1f1f;
box-shadow:0 0 0 0.1rem rgba(110,31,31,0.15);
}

/* SEARCH BUTTON */

.booking-btn{
    background: #6e1f1f !important;
    border: none !important;
    height: 50px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    color: #fff !important;
    transition: .3s !important;
}

.booking-btn:hover{
background:#892d2d !important;
transform:translateY(-2px) !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
   font-family: "Playfair Display", serif;
}
p{
    font-size: 14px;
    line-height: 1.7rem;
}

/*BUTTON CUSTOM STYLE*/
.btn-bbr{
    position: relative;
    border: 2px solid #892d2d;
    color: #892d2d;
    background: transparent;
    padding: 10px 28px;
    font-weight: 600;
    overflow: hidden;
    transition: color .4s ease;
}

.btn-bbr::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #892d2d;
    transition: left .4s ease;
    z-index: -1;
}

.btn-bbr:hover{
    color: #fff;
}

.btn-bbr:hover::before{
    left: 0;
}


.btn-bbr-lift{
    background:#a31971 !important;
    color:#fff !important;
    padding:10px 28px !important;
    border:none !important;
    transition:all .3s ease !important;
    text-transform: uppercase;
}

.btn-bbr-lift:hover{
    background:#000;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,0.3);
}

.btn-bbr-bking{
    background:#000 !important;
    color:#fff !important;
    padding:10px 28px !important;
    border:none !important;
    transition:all .3s ease !important;
    text-transform: uppercase;
     position: relative;
}
    

.btn-bbr-bking::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%) rotate(0deg);
    
    width: 18px;
    height: 18px;

    background: url("../images/djubo-icon.png") no-repeat center;
    background-size: contain;
    transition: transform 0.4s ease; 
}




.btn-bbr-bking:hover{
    background:#000;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 8px 18px rgba(0,0,0,0.3);
}

.btn-bbr-bking:hover::before {
    transform: translateY(-50%) rotate(180deg) scale(1.1);
    transform-origin: center;
}



.btn-bbr-border{
    position:relative;
    background:#892d2d;
    color:#fff;
    padding:10px 28px;
    border:2px solid #892d2d;
    transition:all .3s ease;
}

.btn-bbr-border:hover{
    background:#fff;
    color:#892d2d;
}

.btn-bbr-premium{
    position: relative;
    display: inline-block !important;
    padding: 12px 24px !important;
    background: #892d2d !important;
    color: #fff !important;
    font-weight: 600 !important;
    border: none !important;
    overflow: hidden;
    transition: all .3s ease !important;
    text-decoration: none
}

.btn-bbr-premium:hover{
    background:#000;
    color:#fff;
}

/* Shine effect */
.btn-bbr-premium::after{
    content:'';
    position:absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );
    transform:skewX(-25deg);
}

.btn-bbr-premium:hover::after{
    left:125%;
    transition: left .7s ease;
}


.btn-bbr-premium:active,
.btn-bbr-premium.active{
    background:#000 !important;
    border-color:#000 !important;
    transform:scale(.96);
    box-shadow:inset 0 3px 6px rgba(0,0,0,.25);

    }

/*.btn-bbr-premium.active::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-8px !important;
    transform:translateX(-50%) !important;
    width:0 !important;
    height:0 !important;
    border-left:7px solid transparent !important;
    border-right:7px solid transparent !important;
    border-top:8px solid #234c33 !important;
}

.btn-bbr-premium::after{
    transition:.3s;
    opacity:0;
}

.btn-bbr-premium.active::after{
    opacity:1;
    bottom:-10px;
}*/

.card-body p{
    flex-grow:1;
}

/* Room image container */

/*.room-image{
    position:relative;
    overflow:hidden;
}

 Image zoom 

.room-image img{
    transition:transform .6s ease;
}

.room-card:hover img{
    transform:scale(1.08);
}

 Overlay 

.room-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity .4s ease;
}

 Show overlay on hover 

.room-card:hover .room-overlay{
    opacity:1;
}

 Button animation 

.room-overlay .btn{
    transform:translateY(20px);
    transition:all .4s ease;
}

.room-card:hover .room-overlay .btn{
    transform:translateY(0);
}

 Ribbon 

.room-ribbon{
    position: absolute;
    top: -1px;
    right: 0px;
    background: #892d2d;
    color: #fff;
    padding: 14px 38px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.room-card{
transition:all .3s ease;
}

.room-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.2);
}

.room-section{
    background: #f9f7b23b !important
}*/

/*.room-card{
transition:.4s;
}

.room-ribbon{
    position: absolute;
    top: -1px;
    right: 0px;
    background: #892d2d;
    color: #fff;
    padding: 14px 38px;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}


.room-card:hover{
transform:translateY(-8px);
}

.room-image{
position:relative;
overflow:hidden;
}

.room-image img{
    transition:transform .6s ease;
}

.room-card:hover img{
    transform:scale(1.08);
}

.room-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
background:rgba(0,0,0,.5);
opacity:0;
transition:.4s;
}

.room-image:hover .room-overlay{
opacity:1;
}

.room-tags .badge{
font-size:12px;
margin-right:5px;
}*/

/* Room Filter Tabs */

.room-filter .nav-link{

border-radius:40px;
padding:10px 26px;
font-weight:500;
color:#444;
border:1px solid #ddd;
margin:5px;
transition:.3s;

}

.room-filter .nav-link:hover{

background:#f6f6f6;

}

.room-filter .nav-link.active{

background:#2c5e3f;
color:#fff;
border-color:#2c5e3f;

}



/* Room Cards */

.room-card{

transition:.4s;

}

.room-card:hover{

transform:translateY(-8px);

}



/* Room Image */

.room-image{

position:relative;
overflow:hidden;

}

.room-image img{

transition:.5s;

}

.room-card:hover img{

transform:scale(1.05);

}



/* Overlay */

.room-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);

display:flex;
align-items:center;
justify-content:center;

gap:10px;

opacity:0;
transition:.4s;

}

.room-image:hover .room-overlay{

opacity:1;

}



/* Room Tags */

.room-tags .badge{

font-size:12px;
margin-right:5px;

}

/* Smooth Tab Transition */

.room-tab{

opacity:0;
transform:translateY(20px);
transition:all .45s ease;

}

.room-tab.show{

opacity:1;
transform:translateY(0);

}

.room-tab .room-card{

opacity:0;
transform:translateY(20px);
animation:roomFade .5s forwards;

}

@keyframes roomFade{

to{
opacity:1;
transform:translateY(0);
}

}



.timeline{
position:relative;
max-width:1000px;
margin:auto;
}

.timeline::after{
content:'';
position:absolute;
width:2px;
background:#892d2d;
top:0;
bottom:0;
left:50%;
}

.timeline-item{
display:flex;
align-items:center;
margin-bottom:60px;
position:relative;
}

.timeline-item::before{
content:'';
position:absolute;
width:22px;
height:22px;
background:#892d2d;
border:4px solid #fff;
border-radius:50%;
top:40px;
left:50%;
transform:translateX(-50%);
z-index:2;
box-shadow:0 0 0 3px #892d2d;
}

.timeline::after{
content:'';
position:absolute;
width:3px;
background:#892d2d;
top:0;
bottom:0;
left:50%;
transform:translateX(-50%);
}

.timeline-item:hover::before{
transform:translateX(-50%) scale(1.2);
transition:0.3s;
}


.timeline-item.left{
flex-direction:row;
}

.timeline-item.right{
flex-direction:row-reverse;
}

.timeline-image{
width:45%;
}

.timeline-content{
width:45%;
background:#fff;
padding:25px;
border-radius:6px;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
margin:0 50px;
}


.timeline-price{
    display:inline-block;
    background:#198754;   /* change to your theme color */
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:6px 14px;
    border-radius:30px;
    margin-top:8px;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
    text-decoration: none !important;
}
.timeline-price a{
    text-decoration: none !important;
}


.timeline-content h5{
    margin-bottom:10px;
    font-size: 15px;
}

@media (max-width:768px){

.timeline::after{
display:none;
}

.timeline-item{
flex-direction:column !important;
}

.timeline-item::before{
    display:none;
}

.timeline-item::after{
    display:none;
}


.timeline-image,
.timeline-content{
width:100%;
margin:10px 0;
}

}

.masonry-gallery{
column-count:3;
column-gap:15px;
}

.masonry-gallery a{
display:block;
margin-bottom:15px;
overflow:hidden;
border-radius:6px;
}

.masonry-gallery img{
width:100%;
transition:transform .4s ease;
cursor:pointer;
}

.masonry-gallery img:hover{
transform:scale(1.08);
}

@media (max-width:992px){
.masonry-gallery{
column-count:2;
}
}

@media (max-width:576px){
.masonry-gallery{
column-count:3;
}
}


.gallery-item{
display:inline-block;
width:100%;
margin-bottom:15px;
position:relative;
overflow:hidden;
border-radius:6px;
}

.gallery-item img{
width:100%;
display:block;
transition:transform .5s ease;
}

.gallery-item:hover img{
transform:scale(1.08);
}

.gallery-caption{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:20px;
color:#fff;
background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
opacity:0;
transition:opacity .4s ease;
}

.gallery-item:hover .gallery-caption{
opacity:1;
}

.gallery-caption h5{
margin:0;
font-size:16px;
letter-spacing:1px;
}

.gallery-item:hover .gallery-caption{
opacity:1;
}



/* ===============================
   Testimonial Section
================================ */

.testimonial-section{
background:#f9f9f9;
overflow:hidden;
}


/* marquee container */

.testimonial-marquee{
overflow:hidden;
position:relative;
}


/* moving track */

.testimonial-track{
display:flex;
gap:30px;
width:max-content;
padding: 3%;
animation:testimonialScroll 40s linear infinite;
}


/* pause animation on hover */

.testimonial-marquee:hover .testimonial-track{
animation-play-state:paused;
}


/* card */

.testimonial-card{
width:320px;
background:#fff;
padding:28px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
transition:all .35s ease;
position:relative;
}


/* hover */

.testimonial-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}


/* quote icon */

.testimonial-card::before{
content:"\F250";
font-family:"bootstrap-icons";
font-size:45px;
color:#892d2d;
position:absolute;
top:0;
right:10px;
opacity:.15;
}


/* stars */

.stars{
color:#00aa6c;
font-size:18px;
letter-spacing:3px;
margin-bottom:15px;
}


/* review */

.review{
font-style:italic;
color:#555;
line-height:1.6;
margin-bottom:20px;
}


/* guest */

.guest-name{
font-weight:600;
color:#000;
}

.guest-location{
font-size:14px;
color:#777;
}


/* animation */

@keyframes testimonialScroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(-50%);
}

}

@media (max-width:768px){
  .flatpickr-calendar{
      width:100% !important;
  }
}
.bg-multi{
    background-color: #842d2d !important;
}
.tour-section{
background:#842d2d;
}

/* card */

.luxury-tour-card{
background:#fff;
border-radius:14px;
overflow:hidden;
box-shadow:0 15px 35px rgba(0,0,0,.15);
transition:.35s;
display:flex;
flex-direction:column;
height:100%;
}

.luxury-tour-card:hover{
transform:translateY(-8px);
}

/* image */

.tour-image{
position:relative;
overflow:hidden;
}

.tour-image img{
width:100%;
height:260px;
object-fit:cover;
transition:.4s;
}

.luxury-tour-card:hover img{
transform:scale(1.08);
}

/* price badge */

.tour-price{
position:absolute;
top:15px;
left:15px;
background:#842d2d;
color:#fff;
padding:6px 12px;
font-size:14px;
border-radius:6px;
font-weight:600;
}

/* wishlist */

.wishlist{
position:absolute;
top:15px;
right:15px;
background:#fff;
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
box-shadow:0 5px 15px rgba(0,0,0,.2);
cursor:pointer;
}

/* content */

.tour-content{
padding:20px;
flex:1;
display:flex;
flex-direction:column;
}

.tour-content .btn{
margin-top:auto;
}


.tour-rating{
color:#f4b400;
font-size:14px;
margin-bottom:5px;
}

.tour-content h3{
font-size:20px;
margin-bottom:10px;
}

.tour-meta{
    display: flex;
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
    align-content: flex-end;
    justify-content: space-evenly;
}

.tour-content p{
font-size:14px;
color:#555;
margin-bottom:15px;
}

/* button */

.tour-btn{
text-decoration:none;
font-weight:600;
color:#842d2d;
}

.tour-btn:hover{
text-decoration:underline;
}

/* Social Icons */

.social-meta{
display:flex;
gap:12px;
}

.social-meta span{
display:flex;
align-items:center;
justify-content:center;

width:42px;
height:42px;

border-radius:50%;

background:#892d2d;
color:#fff;

font-size:18px;

cursor:pointer;

transition:all .35s ease;
}

.social-meta span a{
    color: #fff;
    text-decoration: none;
}
/* Hover Effect */

.social-meta span:hover{

background:#892d2d;

transform:translateY(-4px) scale(1.08);

box-shadow:
0 10px 25px rgba(0,0,0,0.25),
0 0 0 4px rgba(137,45,45,0.15);

}

/* Quick Links */

.btm-link{
list-style:none;
padding:0;
margin:0;
}

.btm-link li{
display:flex;
align-items:center;
gap:10px;

margin-bottom:12px;

font-size:15px;
color:#555;

cursor:pointer;

transition:all .3s ease;
}

/* icon */

.btm-link li i{
font-size:18px;
color:#892d2d;
}

/* hover effect */

.btm-link li:hover{
color:#000;
transform:translateX(5px);
}

.btm-link li:hover i{
color:#000;
}

.quickContacts{
        position: fixed;
        right: 15px;
        bottom: 67px;
        z-index: 9;
        
            
    a{
        width: 36px;
        height: 36px;
        text-align: center;
        border-radius: 0 10px 0 10px;
        background: #CF3425;
        color: #FFF;
        cursor: pointer;
        overflow: hidden;
        border: 0;
        text-decoration: none;
        transition: opacity 0.2s ease-out;
        -webkit-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        i{}
    }
    img{
        width: 36px;
        height: 36px;
        text-align: center;
        
    }
    
}
#login-modal a{
    color: #625b5b !important;
}
.whatsAppIcon{position: relative;}
.whatsAppIcon:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    animation: ripple 3s infinite;
}

.experience-card{
    background:#fff;
    padding:35px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.experience-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 45px rgba(0,0,0,0.12);
}

.experience-card-title{
    font-size:24px;
    font-weight:400;
    margin-bottom:25px;
    border-bottom:2px solid #eee;
    padding-bottom:10px;
}


/* ? Floating Premium Hint */
.premium-hint {
    position: absolute;
    bottom: 110%;
    left: 10px;
    background: linear-gradient(135deg, #ffd86d, #cdffc0);
    color: #3e5c3a;
    padding: 8px 12px;
    font-size: 12.5px;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 0px;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    gap: 7px;
    animation: all 0.35s ease;
    white-space: nowrap;
}

/* Arrow */
.premium-hint::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 20px;
    width: 15px;
    height: 15px;
    background: linear-gradient(135deg, #ffd86d, #cdffc0);
    transform: rotate(45deg);
}

/* ? Show on hover */
.direct-enquiry-btn:hover ~ .premium-hint {
    opacity: 1;
    transform: translateY(0);
}

/* ? Subtle pulse (premium feel) */
@keyframes softFloat {
    0% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0); }
}

.premium-hint {
    animation: softFloat 3s ease-in-out infinite;
}

/* ? Mobile: show once automatically */
@media (max-width: 768px) {
    .premium-hint {
        opacity: 1;
        transform: translateY(0);
/*        animation: none;
        position: static;*/
        margin-top: 6px;
        white-space: normal;
        font-size: 11px;
    }
    .inner-hero-overlay h1 {
        font-size: 1rem;
    }
    .lx-breadcrumb-wrap {
        width: 100% !important;
    }
    .lx-breadcrumb li {
        font-size: 8px !important;
    }
    .premium-hint::after {
         bottom: -13px !important;
    }
    .btn-bbr-premium{
        font-size: 14px !important;
    }
    .btn-bbr-bking {
        padding: 1px !important;
        font-size: 13px !important;
        font-weight: bold !important;
    }
    .btn-bbr-bking::before {
        content: none;
    }
    .card-body p {
        margin-bottom: 50px;
    }
    
    .timelinetour .card-body p {
        margin-bottom: 10px;
    }
    
}
.extra-activity{
    font-size: 1rem;
}

.table {
    border-radius: 8px;
    overflow: hidden;
}

.table thead {
    background-color: #f5f1e6;
}

.table td, .table th {
    vertical-align: middle;
    font-size: 14px;
}

h5 {
    color: #3e5c3a;
    font-weight: 600;
}

/*.inner-hero .hero-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
}*/

.sidebar-nav .nav-link {
    padding:8px 15px;
    color:#333;
    border-radius:6px;
    transition:0.3s;
}

.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link.active {
    background:#000;
    color:#fff;
}

.content-area h1 { font-size:2.2rem; margin-bottom:15px; }
.content-area h2 { margin-top:30px; }
.content-area p { line-height:1.8; color:#555; }

.custom-quote {
    border-left:4px solid #005730;
    padding-left:15px;
    font-style:italic;
    color:#444;
}

.blog-hero {
    height: 70vh;
    overflow: hidden;
}

.hero-img {
    height:100%;
    object-fit:cover;
}

.inner-hero {
    height: 450px;
    overflow: hidden;
    position: relative;
}
.inner-hero-img {
    height: 100%;
    object-fit: cover;
}

/*.hero-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.7));
}*/
.hero-overlay h1{
    font-size: 1rem;
}
.toc .nav-link {
    color:#444;
    padding:6px 0;
    font-size:14px;
}

.toc .nav-link:hover {
    color:#005730;
}

.custom-list li {
    margin-bottom:10px;
    padding-left:10px;
    position:relative;
}

.custom-list li::before {
    content:"?";
    color:#005730;
    margin-right:8px;
}

.blog-quote {
    border-left:4px solid #005730;
    padding-left:15px;
    font-style:italic;
    font-size:1.2rem;
    color:#444;
}

.cta-box {
    background:#f8f9fa;
}
.bamboo-accor{
    background: #892d2d;
    color: #fff;
}

/* Accordion Header Button */
.accordion-button {
    background: #892d2d !important;
    font-weight: 600;
    color: #fff !important;
    padding: 16px 20px;
    transition: all 0.35s ease;
    position: relative;
    z-index: 1;
}
.accordion-button::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    transition: width 0.35s ease;
    z-index: -1;
    opacity: 0.08;
}

.accordion-button:hover::before{
    width: 100%;
}


/* Remove Bootstrap default arrow background */
.accordion-button::after {
    background-image: none;
    content: "\f282";
    font-family: "bootstrap-icons";
    font-size: 18px;
    transition: transform .3s ease;
    transform: translateX(3px);
}

/* Rotate icon when open */
.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}
.accordion-button:not(.collapsed):hover{
    background: linear-gradient(135deg,#003566,#001d3d);
    color:#ffffff;
    transform:none;
}


/* Active Accordion Header */
.accordion-button:not(.collapsed) {
    color: #fff;
    box-shadow: none;
}

/* Body Styling */
.accordion-body {
    background: #ffffff;
    color: #555;
    line-height: 1.7;
    padding: 20px;
}
.accordion-button:hover{
    color: #0d6efd;
     box-shadow: 0 6px 18px rgba(13,110,253,0.15);
}
.accordion-item{
    border-left: 4px solid #892d2d;
}
/*.accordion-button:not(.collapsed){
    backdrop-filter: blur(6px);
}*/
.accordion-collapse{
    transition: all .4s ease;
}
@media (max-width:768px){

.accordion-button{
    font-size:15px;
    padding:14px 16px;
}
.accordion-button:hover{
    transform:none;
}
.accordion-body{
    font-size:14px;
}

}
.accordion-header:focus {
    background: #f60;
}

.offcanvas {
    --bs-offcanvas-width: 85%;
}

.offcanvas .nav-link {
    padding: 0.7rem 0;
    font-size: 1rem;
}

.offcanvas .nav-link.small {
    font-size: 0.9rem;
    color: #555;
}

.offcanvas .nav-link[aria-expanded="true"] {
    color: #005730;
}
/* Chevron animation */
.offcanvas .chevron {
    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-size: 0.85rem;
}

/* Rotate when open */
.offcanvas a[aria-expanded="true"] .chevron {
    transform: rotate(180deg) scale(1.1);
}

.offcanvas a[aria-expanded="true"] {
    color: #005730;
}
.offcanvas .collapse {
    margin-left: 0.25rem;
}
/* Initial hidden state */
.offcanvas .collapse .nav-link {
    opacity: 0;
    transform: translateY(-6px);
}

/* When open */
.offcanvas .collapse.show .nav-link {
    animation: submenuFade 0.35s ease forwards;
}

/* Stagger delay */
.offcanvas .collapse.show .nav-link:nth-child(1) { animation-delay: 0.05s; }
.offcanvas .collapse.show .nav-link:nth-child(2) { animation-delay: 0.1s; }
.offcanvas .collapse.show .nav-link:nth-child(3) { animation-delay: 0.15s; }
.offcanvas .collapse.show .nav-link:nth-child(4) { animation-delay: 0.2s; }
.offcanvas .collapse.show .nav-link:nth-child(5) { animation-delay: 0.25s; }

@keyframes submenuFade {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.offcanvas-header {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
    transition: box-shadow 0.25s ease;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.offcanvas-header.scrolled {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}
/* Reset Bootstrap toggler */
.custom-toggler {
    border: none !important;
    background: transparent;
    padding: 0.5rem;
    box-shadow: none;
     -webkit-tap-highlight-color: transparent;
}
.navbar-toggler {
    color: none !important;
}

/* Bars container */
.toggler-bars {
    width: 30px;
    height: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Gradient bars */
.toggler-bars span {
    height: 3px;
    width: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #ff2f00 0%, #6e1f1f 100%);
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Middle bar slightly shorter */
.toggler-bars span:nth-child(2) {
    width: 70%;
}

/* Hover polish */
.custom-toggler:hover .toggler-bars span {
    filter: brightness(1.15);
}

/* Open (X animation) */
.custom-toggler[aria-expanded="true"] .toggler-bars span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.custom-toggler[aria-expanded="true"] .toggler-bars span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.custom-toggler[aria-expanded="true"] .toggler-bars span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

/* Subtle auto-animation */
@keyframes gradientPulse {
    0%, 100% {
        background-position: 0% 50%;
        opacity: 1;
    }
    50% {
        background-position: 100% 50%;
        opacity: 0.85;
    }
}

.toggler-bars span {
    background-size: 200% 200%;
    animation: gradientPulse 3.2s ease-in-out infinite;
}

.toggler-bars span:nth-child(2) {
    animation-delay: 0.25s;
}
.toggler-bars span:nth-child(3) {
    animation-delay: 0.5s;
}
/* Soft glow effect */
.custom-toggler:hover .toggler-bars span {
    box-shadow:
        0 0 6px rgba(193, 198, 4, 0.45),
        0 0 12px rgba(0, 87, 48, 0.25);
}

/* Slight glow intensification when active */
.custom-toggler[aria-expanded="true"] .toggler-bars span {
    box-shadow:
        0 0 8px rgba(193, 198, 4, 0.55),
        0 0 16px rgba(0, 87, 48, 0.35);
}

/* Extra smoothness */
.toggler-bars span {
    will-change: box-shadow, background-position;
}
/* Breathing glow animation */
@keyframes breathingGlow {
    0%, 100% {
        box-shadow:
            0 0 4px rgba(193, 198, 4, 0.25),
            0 0 8px rgba(0, 87, 48, 0.15);
    }
    50% {
        box-shadow:
            0 0 8px rgba(193, 198, 4, 0.45),
            0 0 16px rgba(0, 87, 48, 0.3);
    }
}

/* Apply breathing glow when idle */
.custom-toggler:not(:hover):not([aria-expanded="true"]) .toggler-bars span {
    animation:
        gradientPulse 3.2s ease-in-out infinite,
        breathingGlow 4.8s ease-in-out infinite;
}

/* Pause breathing on hover */
.custom-toggler:hover .toggler-bars span {
    animation-play-state: paused;
}

/* Stop idle animation when menu open */
.custom-toggler[aria-expanded="true"] .toggler-bars span {
    animation: none;
}
.footer p a{
    color: #aaa;
    text-decoration: none;
}

.lx-breadcrumb-wrap {
    background: #f6f3ea; /* soft bamboo tone */
    padding: 12px 20px;
    border-radius: 40px;
    display: inline-block;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}


.lx-breadcrumb {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.lx-breadcrumb li {
    font-size: 14px;
    color: #6b705c;
    position: relative;
    transition: transform 0.3s;
}

.lx-breadcrumb li a {
    text-decoration: none;
    color: #3a5a40;
    font-weight: 500;
    transition: all 0.3s ease;
}
.breadcrumb-item+.breadcrumb-item::before {
    content : '' !important;
}
.lx-breadcrumb li a:hover {
    color: #588157;
    transform: translateY(-2px);
}

/* Separator (leaf style) */
.lx-breadcrumb li:not(:last-child)::after {
    content: "›";
    margin-left: 10px;
    color: #a3b18a;
}

/* Active item */
.lx-breadcrumb li.active {
    color: #344e41;
    font-weight: 600;
}
@media (max-width: 576px) {
    .lx-breadcrumb {
        flex-wrap: wrap;
        font-size: 13px;
    }
}

.sidebar-nav {
    border-radius: 10px;
    overflow: hidden;
}

.sidebar-menu li {
    border-bottom: 1px solid #eee;
}

.menu-link {
    display: block;
    padding: 14px 18px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: 0.3s;
}

.menu-link:hover {
    background: #f8f9fa;
    color: #005730;
}

.submenu {
    background: #fafafa;
}

.submenu li a {
    display: block;
    padding: 10px 30px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: 0.3s;
}

.submenu li a:hover {
    color: #005730;
    background: #f1f1f1;
}
.menu-link i {
    transition: 0.3s;
}

.menu-link i.rotate {
    transform: rotate(180deg);
}
.submenu a.active {
    background: #005730;
    color: #fff;
    border-radius: 4px;
}

.section-link-highlight{
   background: #f6f7cf;
   border: 1px solid #fff;
}

.sidebar-menu .menu-link {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
}

.sidebar-menu .submenu {
    padding-left: 15px;
}

.sidebar-menu .active {
    font-weight: 600;
    background: #e0e501;
}
.sidebar-menu i {
    transition: transform .3s ease;
}

[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.menu-link-heading {
    padding: 12px;
    display: block;
    background: linear-gradient(19deg, #892D2D 55%, #000 100%);
    background-size: 200% 200%;
    background-position: left center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-position 0.5s ease;
}

.menu-link-heading:hover {
    background-position: right center;
}

.menu-link2{
    padding: 10px;
    background: #000;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}
.active2{
    background: #892d2d;
}

.admin-theme a{
    color:#000;
    text-decoration: none;
}
.admin-theme thead{
    background-color: #000 !important;
}
.booking-header{
    background: #892D2D;
    background: linear-gradient(19deg, rgba(137, 45, 45, 1) 55%, rgba(0, 0, 0, 1) 100%);
    color: #fff !important;
}

.adminedit, .admindelit, .adminlogout{
    background: #950404;
    padding: 0px 0px 0px 10px;
    color: #fff;
}
.adminediticon, .admindeliticon, .adminlogouticon {
    color: #fff;
    background: #530000;
    height: 40px;
    width: 40px;
    border: 2px solid #fff;
    box-shadow: -1px 1px 2px 0px #000;
}

.btn-theme {
  background: #892d2d !important;
  color: #fff !important;
}
.section-padding {
  padding: 40px 0;
}
.card-hover:hover {
  transform: scale(1.05);
  transition: 0.3s;
}
.quote-section {
  background: #111;
  color: #fff;
  padding: 50px 0;
  text-align: center;
}
.cta {
  background: url('../images/cta.webp') center/cover no-repeat;
  color: #fff;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  animation: zoom 20s ease-in-out infinite alternate;
}
.cta2 {
  background: url('../images/cta2.webp') center/cover no-repeat;
  color: #fff;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  animation: zoom 20s ease-in-out infinite alternate;
}
.cta3 {
  background: url('../images/cta3.webp') center/cover no-repeat;
  color: #fff;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  animation: zoom 20s ease-in-out infinite alternate;
}
.cta4 {
  background: url('../images/cta4.webp') center/cover no-repeat;
  color: #fff;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  animation: zoom 20s ease-in-out infinite alternate;
}
.cta5 {
  background: url('../images/cta5.webp') center/cover no-repeat;
  color: #fff;
  padding: 120px 0;
  position: relative;
  background-size: cover;
  animation: zoom 20s ease-in-out infinite alternate;
}
.cta3 p, .cta4 p{
    color: #fff;
}
@keyframes zoom {
  from { background-size: 100%; }
  to { background-size: 110%; }
}
.cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(0 0 0 / 27%), rgb(0 0 0 / 7%));
}
.cta2::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(0 0 0 / 27%), rgb(0 0 0 / 7%));
}
.cta3::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(0 0 0 / 27%), rgb(0 0 0 / 7%));
}
.cta4::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(0 0 0 / 27%), rgb(0 0 0 / 7%));
}
.cta5::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(0 0 0 / 27%), rgb(0 0 0 / 7%));
}
.cta-content { position: relative; z-index: 2; }



.storyOne img, .storyTwo img, .storyThree img, .storyFour img{
    height: 75px;
    width : auto;
}

.storyOne{
    background: #f60;
    padding: 10px;
}
.storyTwo{
    background: #f90;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    color: #fff;
    padding: 10px;
}
.storyThree{
    background: #f40;
    padding: 10px;
}
.storyFour{
    background: #9fbd00;
    padding: 10px;
}

.icon-box i {
  font-size:30px;
  color:#892d2d;
}
.activities-section {
    padding: 60px 0;
}

/* Masonry Container */
.masonry-row {
    column-count: 3;
    column-gap: 1.5rem;
}

/* Responsive */
@media (max-width: 991px) {
    .masonry-row {
        column-count: 2;
    }
}

@media (max-width: 576px) {
    .masonry-row {
        column-count: 1;
    }
}

/* Each item */
.equalitem {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}

.activity-card {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.4s;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    height: auto !important;
}

.activity-card img {
    height: 220px;
    object-fit: cover;
    transition: 0.5s;
}

.activity-card:hover img {
    transform: scale(1.1);
}

.activity-card:hover {
    transform: translateY(-8px);
}

.activity-card-body {
    padding: 20px;
}

.activity-icon {
    font-size: 24px;
    color: #ab9805;
}

/* ===== HIGHLIGHT ===== */
.highlight-section {
    background: #f8f6f2;
}

.highlight-img {
    border-radius: 12px;
    overflow: hidden;
}

/* ===== TIMELINE ===== */
.timelineActivity {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.timelineActivity-item {
    flex: 1;
    text-align: center;
    padding: 20px;
}

.timelineActivity-circle {
    width: 60px;
    height: 60px;
    background: #892d2d;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-weight: bold;
}
.timelineActivity-card {
    position: relative;
    height: 260px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 25px;
    color: #fff;
    transition: 0.4s;
}

/* Overlay */
.timelineActivity-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    transition: 0.4s;
}

/* Content */
.timelineActivity-content {
    position: relative;
    z-index: 2;
    transform: translateY(20px);
    transition: 0.4s;
    margin: 0px auto;
}

.timelineActivity-card:hover .timelineActivity-content {
    transform: translateY(0);
}

/* Time label */
.timelineActivity-time {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0.8;
}

/* Hover effect */
.timelineActivity-card:hover::before {
    background: rgba(0,0,0,0.25);
}

.timelineActivity-card:hover {
    transform: scale(1.02);
}
.timelineActivity-content p{
    color:#fff;
}
/* Backgrounds (TIME BASED STORY) */
.morning {
    background: url('../images/morning.webp') center/cover no-repeat;
}

.noon {
    background: url('../images/farm-noon.webp') center/cover no-repeat;
}

.afternoon {
    background: url('../images/afternoon-activity.webp') center/cover no-repeat;
}

.evening {
    background: url('../images/meditation-activity.webp') center/cover no-repeat;
}

/* ===== CTA ===== */
.cta-section {
    background: #892d2d;
    color: #fff;
    text-align: center;
    padding: 60px 20px;
}

.btn-custom {
    background: #fff;
    color: #892d2d;
    border-radius: 30px;
    padding: 10px 25px;
    transition: 0.3s;
}

.btn-custom:hover {
    background: #000;
    color: #fff;
}

.story-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.story-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #555;
    position: relative;
    transition: 0.3s;
}
.story-list li::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 30px;
    width: 1px;
    height: 100%;
    background: #eee;
}

.story-list li:last-child::before {
    display: none;
}
/* Icon */
.story-icon {
    width: 28px;
    height: 28px;
    background: rgba(137, 45, 45, 0.08);
    color: #892d2d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    transition: 0.3s;
}

/* Hover effect */
.story-list li:hover {
    color: #000;
    transform: translateX(4px);
}

.story-list li:hover .story-icon {
    background: #892d2d;
    color: #fff;
}

/* Pagination Wrapper */
.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 50px;
}

/* Base Item */
.pagination .page-link {
    border: none;
    padding: 10px 16px;
    border-radius: 10px;
    background: #fff;
    color: #444;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

/* Hover */
.pagination .page-link:hover {
    background: #892d2d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Active */
.pagination .page-item.active .page-link {
    background: #892d2d;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(137,45,45,0.25);
}

/* Disabled */
.pagination .page-item.disabled .page-link {
    background: #f3f3f3;
    color: #aaa;
    cursor: not-allowed;
    box-shadow: none;
}

/* Rounded arrows (Prev / Next) */
.pagination .page-link[aria-label="Previous"],
.pagination .page-link[aria-label="Next"] {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.page-link.active {
    background: #000 !important;
}
/* Mobile optimization */
@media (max-width: 576px) {
    .pagination {
        flex-wrap: wrap;
        gap: 6px;
    }

    .pagination .page-link {
        padding: 8px 12px;
        font-size: 14px;
    }
}

.value select {
  margin: 0 10px 0;
  border: 2px solid #F5F5F5;
  border-radius: 5px;
  padding: 5px 30px 5px 10px;
  color: #28283C;
  font-weight: 500;
  font-size: 14px;
}
.value span {
  color: #111827;
}

.gallery-body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gallery-body .img-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 120px;
}
.gallery-body .img-wrap img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.gallery-body .img-wrap .img-overlay-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.gallery-body .img-wrap .img-overlay-1 a {
  font-size: 12px;
    color: #FFF;
    text-decoration: none;
    background: #930303;
    text-transform: uppercase;
    border-radius: 5px;
}
.gallery-body .img-wrap .img-overlay-1 .gallery-eye-icon {
    padding: 5px;
    height: auto;
    text-align: center;
    font-size: 12px;
}
.gallery-body .img-wrap:hover .img-overlay-1, .gallery-body .img-wrap:focus .img-overlay-1, .gallery-body .img-wrap:active .img-overlay-1,
.gallery-body .img-wrap .active .img-overlay-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  border-radius: 10px;
}
.gallery-body .img-wrap .active .img-overlay-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}

.booking-header h3{
    font-size: 1.5rem;
}

.custom-collapse {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(15px);
     transition: 
        max-height 0.7s cubic-bezier(0.25, 1, 0.5, 1),
        opacity 0.5s ease,
        transform 0.5s ease;
}

/* Active state */
.custom-collapse.show {
    max-height: 2000px; /* adjust if content is longer */
    opacity: 1;
    transform: translateY(0);
}

.custom-collapse p {
    opacity: 0;
    transition: opacity 0.6s ease 0.2s;
}

.custom-collapse.show p {
    opacity: 1;
}
.arrow {
    transition: transform 0.4s ease;
}

.toggle-btn.active .arrow {
    transform: rotate(180deg);
}



/* Card Base */
.package-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Image */
.img-wrap {
    position: relative;
    overflow: hidden;
}

.img-wrap img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.8s ease;
}

/* Badge */
.badge-tag {
    position: absolute;
    top: 6px;
    right: 6px;
    background: rgb(255 61 0 / 70%);
    border: 2px solid #fff;
    color: #ffffff;
    padding: 5px 12px;
    font-size: 12px;
    letter-spacing: 1px;
    border-radius: 20px;
}

/* Content */
.package-card .content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.package-card h5 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    margin-bottom: 10px;
}

.package-card p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

/* Features */
.package-card ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
}

.package-card ul li {
    font-size: 13px;
    margin-bottom: 6px;
    color: #444;
}

/* Footer */
.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price {
    font-weight: 600;
    color: #892d2d;
}

/* Hover Effects */
.package-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.package-card:hover img {
    transform: scale(1.1);
}

/* Button */
.btn-dark {
    background: #000;
    border: none;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 13px;
}

.btn-dark:hover {
    background: #892d2d;
}

/*.img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    transition: 0.4s;
}*/

.package-card:hover .img-wrap::after {
    opacity: 1;
}

.btn-dark {
    transition: all 0.3s ease;
}

.package-card:hover .btn-dark {
    transform: translateX(3px);
}

.text-theme {
   transition: 0.3s;
}

.text-theme:hover {
    transform: scale(1.2);
    color: #d4af37; /* gold accent */
}

.card-hover-water {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.card-hover-water:hover {
    transform: scale(1.05);
}

/* Wave layer */
.card-hover-water::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -100%;
    width: 200%;
    height: 200%;
    
    background: linear-gradient(
        120deg,
        transparent 40%,
        rgba(212, 175, 183, 0.2), /* soft pink */
        transparent 60%
    );

    transform: rotate(25deg);
    opacity: 0;
}



/* Animate on hover */
.card-hover-water:hover::after {
    animation: waveMove 2.2s ease forwards;
    opacity: 1;
    filter: blur(8px);
}

@keyframes waveMove {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

/* Base */
.luxury-quote {
    position: relative;
    max-width: 800px;
    margin: 60px auto;
    padding: 76px 30px;
/*    background: #fff;*/
    border-radius: 20px;
    text-align: center;
    /* soft shadow */
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    /* subtle border */
    border: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
    
}


/* Decorative border line */
.luxury-quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 3px;
    transform: translateX(-50%);
}

.honeymoon{
    background: linear-gradient(145deg, #ffffff, #ff50ea1c);
}
.honeymoon::before {
   background: linear-gradient(to right, transparent, #892d2d, transparent); 
}

.wellness {
    background: linear-gradient(145deg, #ffffff, #0addac4a);
}
.wellness::before {
    background: linear-gradient(to right, transparent, #0da993, transparent);
}
.christmas {
    background: linear-gradient(145deg, #ffffff, #f7ab0085);
}
.christmas::before {
    background: linear-gradient(to right, transparent, #c10303, transparent);
}
.monsoon {
    background: linear-gradient(145deg, #ffffff, #3ccd0085);
}
.monsoon::before {
    background: linear-gradient(to right, transparent, #00cb06, transparent);
}

.tours {
    background: linear-gradient(145deg, #ffffff, #18aaff33);
}

.tours::before {
    background: linear-gradient(to right, transparent, #02b5eb, transparent);
}

.india {
   background: #FF9933;
   background: linear-gradient(45deg,rgba(255, 153, 51, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(19, 136, 8, 1) 100%);
}
.india::before {
    background: linear-gradient(to right, transparent, #000080, transparent);
}
.neindia {
  background: #ffffff;
  background: linear-gradient(120deg,rgba(255, 255, 255, 1) 0%, rgba(0, 193, 232, 0.63) 100%);
}
.neindia::before {
    background: linear-gradient(to right, transparent, #04788F, transparent);
}
/* Icon */
.quote-icon {
    font-size: 28px;
    color: #d4af37;
    margin-bottom: 10px;
    opacity: 0.8;
}

/* Heading */
.luxury-quote h4 {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    margin-bottom: 15px;
    color: #222;
}

/* Text */
.luxury-quote p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    font-style: italic;
    max-width: 600px;
    margin: auto;
}

/* Hover subtle lift */
.luxury-quote:hover {
    transform: translateY(-5px);
    transition: 0.4s ease;
    box-shadow: 0 25px 60px rgba(0,0,0,0.12);
}

/* Fade-in animation */
.luxury-quote {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 1s ease forwards;
}

.luxury-quote:hover::before {
    width: 120px;
    transition: 0.4s;
}


.quote-icon {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 8px 12px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.price-card {
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.price-card h5 {
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
}

.price-card .duration {
    font-size: 14px;
    color: #777;
}

.price-card h2 {
    color: #892d2d;
    margin: 15px 0;
}

.price-card span {
    font-size: 13px;
    color: #555;
}

.price-card:hover {
    transform: translateY(-8px);
}

.itinerary-section {
    background: #f8f6f2;
}

.timelinetour {
    position: relative;
    margin-left: 20px;
}

.timelinetour ul {
    list-style: none;
    padding: 0;
    margin-left: 10px;
}

.timelinetour li {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 12px;
   font-size: 14px;
   color: #640000;
   position: relative;
   transition: 0.3s;
   padding-left: 18px;
}

.timelinetour li::before{
    content: "\f3e7";
    font-family: "bootstrap-icons";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: #8a6d3b;
}

.timelinetour::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    width: 2px;
    height: 0;
    background: #8a6d3b;
    transition: height 1.5s ease;
}

.timelinetour.animate-linetour::before {
    height: 100%;
}

.timelinetour-item {
    position: relative;
    margin-bottom: 40px;
}

.timelinetour-dot {
    position: absolute;
    left: 1px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #892d2d;
    border-radius: 50%;
}

.timelinetour-content {
    margin-left: 40px;
    border-radius: 12px;
}

.highlight {
    color: #8a6d3b !important;
    font-weight: 500;
}

/* Scroll Reveal */
.revealtour {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

.revealtour.activetour {
    opacity: 1;
    transform: translateY(0);
}
/* Default: Desktop Timeline */
.day-content {
    display: block;
}

.best-india, .ne-india {
    background: #f8f6f2;
}


.india-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    height: 220px;
    cursor: pointer;
}

.india-card.large {
    height: 460px;
}

.india-card.wide {
    height: 300px;
}

.india-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* Overlay */
.india-card .overlay,
.festival-feature .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
}

.india-card h3,
.india-card h5 {
    margin: 0;
    font-weight: 600;
}
.india-card p{
    color:#fff;
}
/* Hover Effect */
.india-card:hover img,
.festival-feature:hover img {
    transform: scale(1.08);
}

.india-card:hover .overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}
.festival-feature {
    height: 300px;
    background: #000;
}

/* MOBILE OPTIMIZATION */

@media (max-width: 768px) {
    .india-card,
    .india-card.large,
    .india-card.wide {
        height: 220px;
    }
}
.stretched-link{
    background: #d71111;
    padding: 2% 5%;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
}

.accordion-header{
    margin: 0px !important
}

 .lx-hero {
        position: relative;
        height: 55vh;
        overflow: hidden;
    }

    .lx-hero img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1.05);
    }

    .lx-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    }

    .lx-hero-content {
        position: absolute;
        bottom: 60px;
        color: #fff;
        z-index: 2;
    }

    .lx-location {
        font-size: 12px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ================= INTRO ================= */
    .lx-intro {
        max-width: 800px;
        margin: 80px auto;
        font-size: 20px;
        line-height: 1.8;
        text-align: center;
    }

    /* ================= STORY ================= */
    .lx-story {
        padding: 30px 0;
    }
    .lx-story a{
        text-decoration : none;
        color:#727502;
    }
    .lx-story h2 {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 22px;

    }

    .lx-chapter {
        font-size: 12px;
        letter-spacing: 2px;
        color: #999;
        text-transform: uppercase;
    }

    /* ================= FULL IMAGE ================= */
    .lx-full {
        height: 500px;
        background-size: cover;
        background-position: center;
        position: relative;
        margin: 80px 0;
    }

    .lx-full-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
        padding: 0px 10px;
    }

    /* ================= QUOTE ================= */
    .lx-quote {
        max-width: 800px;
        margin: 80px auto;
        font-size: 24px;
        font-style: italic;
        text-align: center;
    }

    /* ================= GALLERY ================= */
    .lx-gallery {
        margin: 30px 0;
    }

    /* ================= INFO ================= */
    .lx-info {
        background: #f8f9fa;
        padding: 30px;
        border-radius: 12px;
        margin: 40px 0;
    }
    
    
    .lx-info ul {
    list-style: none;
    padding: 0;
    margin-left: 10px;
    }

    .lx-info li {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin-bottom: 12px;
       font-size: 14px;
       color: #640000;
       position: relative;
       transition: 0.3s;
       padding-left: 18px;
    }

    .lx-info li::before{
        content: "\f3e7";
        font-family: "bootstrap-icons";
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 16px;
        color: #8a6d3b;
    }
    
    

    /* ================= CTA ================= */
    .lx-cta {
        padding: 60px;
        background: #892d2d;
        color: #fff;
        border-radius: 12px;
        margin-bottom: 80px;
    }
    .lx-cta p{
        color:#fff;
    }
    .lx-meta {
    margin-top: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    letter-spacing: 0.5px;
    }

    .lx-meta span {
        background: rgba(0,0,0,0.4);
        padding: 6px 12px;
        border-radius: 20px;
        backdrop-filter: blur(6px);
    }
    
   /* Meta */
.lx-meta span {
    background: rgba(0,0,0,0.45);
    padding: 6px 14px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
}

/* TOC */
.lx-toc {
    background: #fff;
    padding: 0px;
    margin: 0px;
    border-radius: 10px;
}

.lx-toc ul {
    list-style: none;
    padding: 0;
    column-count: 2;
    column-gap: 30px;
}

.lx-toc li {
    break-inside: avoid;
}
@media (max-width: 768px) {
    .lx-toc ul {
        column-count: 1;
    }
}


.lx-toc a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 0px 10px 5px 10px;
    border-radius: 6px;
    transition: all 0.3s;
    font-size:14px;
}

.lx-toc a::before {
    content: "\F136";
    font-family: "bootstrap-icons";
    transform: translateY(-50%);
    font-size: 20px;
    color: #530000;
    position: relative;
    left: 0px;
    top: 5px;
    margin-right: 5px;
}

.lx-toc a:hover {
    background: #e5e5e5;
    color: #005730;
}

/* Chapter Nav */
.lx-chapter-nav {
    position: fixed;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    z-index: 999;
}

.lx-dot {
    display: block;
    width: 10px;
    height: 10px;
    margin: 8px 0;
    background: #ccc;
    border-radius: 50%;
}
.lx-blog-content h2[id] {
    scroll-margin-top: 125px; /* adjust based on your header height */
}

.lx-auto-slider {
  padding: 20px 0;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.lx-auto-slider .swiper-slide {
  width: 80%;   /* mobile card width */
  max-width: 300px
}

.lx-auto-slider .card {
  min-width: 250px;
  border-radius: 12px;
}
.lx-intro p{
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    font-style: italic;
    max-width: 600px;
    margin: auto;
}

.blog-list {
    margin: 0;
    padding: 0;
}

.heading-title span{
    font-size: 1.8rem;
}
/* Item animation (fade + slide) */
.blog-item {
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.6s ease forwards;
}

.blog-item:nth-child(2) { animation-delay: 0.1s; }
.blog-item:nth-child(3) { animation-delay: 0.2s; }
.blog-item:nth-child(4) { animation-delay: 0.3s; }

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Card */
.blog-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    transition: all 0.35s ease;
}

/* Hover effect */
.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Image */
.blog-img {
    overflow: hidden;
}

.blog-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Image zoom on hover */
.blog-card:hover .blog-img img {
    transform: scale(1.05);
}

/* Content */
.blog-content {
    padding: 14px;
}

/* Title */
.blog-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Date */
.blog-date {
    display: block;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}

/* Link */
.blog-link {
    font-size: 13px;
    font-weight: 600;
    color: #892d2d;
    text-decoration: none;
    position: relative;
}

/* Animated underline */
.blog-link::after {
    content: "";
    width: 0;
    height: 2px;
    background: #000000;
    position: absolute;
    left: 0;
    bottom: -2px;
    transition: width 0.3s ease;
}

.blog-link:hover::after {
    width: 100%;
}

/* No Image Variant */
.blog-card.no-img {
    padding: 5px 0;
}

/* Optional subtle background */
.blog-card.no-img:hover {
    background: #fafafa;
}

/* ===============================
   BLOG HERO (HEADER IMAGE)
================================= */
.blog-hero {
    position: relative;
    height: 400px;
    overflow: hidden;
}

/* Image wrapper */
.blog-hero-img {
    height: 100%;
    overflow: hidden;
}

/* Image */
.blog-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: transform 0.8s ease;
}

/* Overlay */
.blog-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    transition: background 0.4s ease;
    z-index: 1;
}

/* Hover Effects (clean single rule) */
.blog-hero:hover .blog-hero-img img {
    transform: scale(1.12) translateY(-4px);
}

/* Optional subtle blur (light, not too strong) */
.blog-hero:hover .blog-hero-img img {
    filter: brightness(0.9);
}

/* Overlay darker on hover */
.blog-hero:hover::after {
    background: rgba(0,0,0,0.5);
}

/* Content */
.blog-hero-content {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 2;
}

/* Title */
.blog-hero h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}

/* ===============================
   BLOG CONTENT
================================= */
.blog-content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

.blog-content h3 {
    margin-top: 30px;
    font-weight: 600;
}

.blog-content img {
    border-radius: 10px;
}

.blog-content blockquote {
    border-left: 4px solid #0d6efd;
    padding-left: 15px;
    font-style: italic;
    color: #666;
    margin: 20px 0;
}


.room-story {
    background: #f8f6f2;
}

.room-img {
    height: 380px;
}

.room-img img {
    transition: transform 0.6s ease;
}

.room-img:hover img {
    transform: scale(1.05);
}

.room-content .tag {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8a6d3b;
    margin-bottom: 10px;
}

.room-content h3 {
    font-weight: 600;
}

.room-features li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #5a4a3f;
}

.rooms-section {
  background: #f8f6f2;
}

.room-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}

.room-card:hover {
  transform: translateY(-5px);
}

.room-card h5 {
  font-weight: 600;
}

.room-card ul {
  padding-left: 18px;
  font-size: 14px;
  color: #5a4a3f;
}

.suite-card {
  background: #892d2d;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.text-white{
    list-style: none;
}

.lx-hero p{
    color: #fff;
}
/* ===============================
   DJUBO
================================= */

.modalModifyCancel__inner{
    overflow: hidden !important;
}
.BEx4IDaY4cXE{
    height: 38px !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bWR{
    margin-top: 10px;
}
#BEx4IDaY3bWR .BEx4ZXaY3bOP > div{
    margin-top: -24px !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bDPI{
    top: 31px !important;
    right: 31px !important;
}
.BEh8JJiwI1dPaBPrice{
    margin-top: 3px !important;
    width: 103px !important;
    padding: 0px 0px 19px 3px !important;
    text-transform: capitalize;
/*    color: #5b5d00 !important;*/
}
.BEh4IDsZ4eZE{
    color: #005C93 !important;
}
.BEh4IDsZ4dZE{
    color: #333 !important;
}
.divWidth{
    color: #333 !important;
}
#BEx4IDaY3bWD select.BEx4ZXaY3bPC, #BEx4IDaY3bWD select.BEx4ZXaY3bPP{
    background: #fff !important;
    color: #000 !important;
}
#BEx4IDaY3bWD input.BEx4ZXaY3bQBT{
    background: #6f3932 !important;
    margin-bottom: 0px !important;
    margin-top: 14px !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bWR a{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
#BEx4IDaY3bWD .BEx4IDaY3bQBT:hover .BEx4ZXaY3bQBT, .BEx4ZXaY3bQBT:focus{
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: #ffffff !important;
    color: #ed8323 !important;
}
#BEx4IDaY3bWD .BEx4ZXaY3bWR{
    width: 240px;
    z-index: 999 !important;
    position: absolute !important;
    right: 1% !important;
    top: 16% !important;
}
.BEh4IDsZ4fZE{
    color: #6f3932 !important;
}
.BEh8JJiwI1dPaBPrice{
    background-color: #6f393200 !important
}
.widget .BEh4IDsZ4fZE, .widget .BEh4IDsZ4eZE, .widget .BEh4IDsZ4dZE, .widget .BEh4IDsZdPr0ZE span {
    color: #6f3932 !important;
}
.BEh4IDsZ4dZENP{
    color: #6f3932 !important;
}
.widget #BEx4IDaY3bWD .BEx4ZXaY3bWR {
    border-color: #6f3932 !important;
    /*box-shadow: none;*/
}
.BExyz5i8narrowSingle-up{
    border-bottom: 5px solid #6f3932 !important;
}
.widSSPnarrow{
    width: 100% !important;
}
/*Booking Engine CSS Code End*/
/*Media Query*/
@media only screen and (min-device-width: 200px) and (max-device-width: 812px)
{
    #BEx4IDaY3bWD .BEx4ZXaY3bWR {
        width: 90% !important;
        position: unset !important;
        float: none !important;
        clear: both;
        margin: 10px auto;
    }
    
    .widSSPnarrow{
        margin: 25px auto !important;;
    }
    
}
.modalModifyCancel {
        top: 5% !important;
}

.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15);
}