html{
scroll-behavior:smooth;
}
body{
margin:0;
font-family:'Jost',sans-serif;
background:#fffbf0;
}

/* spacing */

.section-space{
margin-top:120px;
}

/* NAVBAR */

.navbar{
position:absolute;
width:100%;
z-index:100;
padding:25px 0;
top:0;
left:0;

}

.nav-link{
color:white !important;
margin:0 15px;
font-size:14px;
position:relative;
}

.nav-link::after{
content:"";
position:absolute;
width:0;
height:2px;
background:white;
left:0;
bottom:-6px;
transition:.3s;
}

.nav-link:hover::after{
width:100%;

}
.nav-item:hover{
cursor: pointer;
}
/* LOGO */

.logo{
font-family:'Cormorant Garamond';
font-size:28px;
color:white;
text-align:center;
line-height:1.1;
}

.logo small{
display:block;
font-size:12px;
letter-spacing:3px;
}

/* BUTTON */

.book-btn{
background:#3f4a50;
border:none;
padding:12px 28px;
border-radius:30px;
color:white;
transition:.3s;
}

.book-btn:hover{
background:white;
color:#333;
}

/* HERO */

.carousel-item img{
height:95vh;
width:100%;
object-fit:cover;
}

.carousel-caption{
bottom:30%;
}

.subhedd{
letter-spacing:3px;
font-size:14px;
}

.fondsize{
font-family:'Cormorant Garamond';
font-size:80px;
}

.find-btn{
display:inline-block;
margin-top:30px;
padding:15px 40px;
background:white;
border-radius:40px;
color:#333;
text-decoration:none;
transition:.3s;
}

.find-btn:hover{
background:#2f3e46;
color:white;
transform:translateY(-4px);

}

/* IMAGES */

.treeimage{
width:100%;
border-radius:15px;
transition:.4s;
}

.treeimage:hover{
transform:scale(1.05);

}


/* ACTIVITIES SECTION */

.activity-section{
text-align:center;
margin-top:120px;
}

.act-sub{
letter-spacing:2px;
font-size:14px;
}

.act-title{
font-family:'Cormorant Garamond';
font-size:60px;
margin-top:10px;
}

.activity-icon{
width:70px;
margin-bottom:15px;
transition:0.4s;
}

.activity-icon:hover{
transform:scale(1.15);
}

.activity-text{
font-family:'Cormorant Garamond';
font-size:22px;
}

/* TEXT */

.description{
max-width:750px;
margin:auto;
line-height:1.8;
}

/* COUNTER */

.counter{
font-family:'Cormorant Garamond';
font-size:60px;
}

/* CARD */

.card{
border:none;
border-radius:20px;
overflow:hidden;
}

/* FOOTER */

.footer{
background:#052527;
color:white;
text-align:center;
padding:80px 20px;
margin-top:120px;
}

.footer h1{
font-family:'Cormorant Garamond';
}

.footer-bottom{
background:#041E1F;
text-align:center;
padding:25px;
color:white;
}

/* BLOG SECTION */

.blog-section{
margin-top:140px;
}

.blog-small{
font-size:14px;
letter-spacing:2px;
}

.blog-title{
font-family:'Cormorant Garamond';
font-size:70px;
margin-top:10px;
}

.blog-head{
margin-bottom:60px;
}

/* VIEW BUTTON */

.view-btn{
text-decoration:none;
color:#222;
font-size:14px;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}

/* CARD */

.blog-card{
transition:0.4s;
}

.blog-img{
width:100%;
border-radius:6px;
transition:0.5s;
}

.blog-img:hover{
transform:scale(1.05);
}

.blog-date{
margin-top:20px;
font-size:14px;
color:#666;
}

.blog-text{
font-family:'Cormorant Garamond';
font-size:28px;
margin-top:10px;
line-height:1.4;
}

/* READ BUTTON */

.read-btn{
display:inline-block;
margin-top:20px;
text-decoration:none;
color:#222;
font-size:14px;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}









.testimonial-section{
background:#fcfcf0;
padding:120px 20px;
text-align:center;
}

.cont{
max-width:900px;
margin:auto;
}

.quote-icon{
font-size:60px;
color:#1f2d2a;
margin-bottom:20px;
}

.subtitle1{
letter-spacing:2px;
font-size:14px;
color:#1f2d2a;
margin-bottom:10px;
}

.title1{
font-size:60px;
margin-bottom:40px;
color:#1f2d2a;
}

.testimonial-text{
font-size:28px;
line-height:1.7;
color:#1f2d2a;
margin-bottom:40px;
}

.author{
font-size:16px;
color:#1f2d2a;
opacity:0.8;
}













.instagram-section{
padding:100px 40px;
text-align:center;
}

.tag{
font-size:14px;
letter-spacing:2px;
color:#444;
margin-bottom:10px;
}

.title2{
font-size:60px;
color:#1f2d2a;
margin-bottom:70px;
}







/* GRID LAYOUT */

.gallery1{
display:grid;
grid-template-columns: repeat(5, 1fr);
gap:25px;
}

.img-box{
height:320px;
overflow:hidden;
border-radius:15px;
}

.img-box img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;
}

.img-box:hover img{
transform:scale(1.1);
}






/* Section */

.villa-section{
display:flex;
align-items:center;
justify-content:center;
padding:120px 20px;
text-align:center;
}

/* Container */

.villa-container{
max-width:900px;
}

/* Title */

.villa-title{
font-size:80px;
letter-spacing:4px;
color:#0d2b2b;
font-weight:500;
margin-bottom:30px;
}

/* Text */

.villa-text{
font-size:18px;
line-height:1.8;
color:#444;
margin-bottom:40px;
}

/* Button */

.discover-btn{
text-decoration:none;
color:#111;
font-size:14px;
letter-spacing:2px;
display:inline-flex;
align-items:center;
gap:12px;
transition:0.3s;
}

.arrow{
border:1px solid #333;
width:35px;
height:35px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}

.discover-btn:hover{
letter-spacing:3px;
}

/* Scroll animation */

.reveal{
opacity:0;
transform:translateY(60px);
transition:1s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}




/* MOBILE */

@media(max-width:992px){

.logo{
position:static !important;
transform:none !important;
text-align:center;
margin:10px 0;
}

.book-btn{
display:none;
}

.fondsize{
font-size:42px;
}

.carousel-caption{
bottom:25%;
}

.gallery1{
grid-template-columns: repeat(2,1fr);
}


}



@media(max-width:768px){

.counter{
font-size:40px;
}
.act-title{
font-size:38px;
}

.activity-text{
font-size:18px;
}

.blog-title{
font-size:40px;
}

.blog-text{
font-size:22px;
}

.title1{
font-size:40px;
}

.testimonial-text{
font-size:20px;
}

.title2{
font-size:36px;
}

.gallery1{
gap:15px;
}



}



/* Mobile */

@media(max-width:576px){

.gallery1{
grid-template-columns:1fr;
}

.img-box{
width:100%;
height:250px;
}

}





/* Responsive */

@media (max-width:900px){

.villa-title{
font-size:60px;
}

.villa-text{
font-size:16px;
}

}

@media (max-width:600px){

.villa-title{
font-size:40px;
}

.villa-text{
font-size:15px;
}

}

























/*       room page   --------------------------------------------------------------------------------*/