*{ font-family: 'poppins', sans-serif; }
/*===================================== top bar ================================================*/

.top-bar {
  background-color: #F9F387;
  padding: 8px 0;
  font-size: 14px;
}

.top-bar span {
  color: #344257;
  text-decoration: none;
  font-size: medium;
  font-weight: 600;
}

.top-bar i {
  margin-right: 5px;
}

.social-icons a {
  color: #344257;
  font-size: 13px;
}

.social-icons a:hover,
.top-bar a:hover {
  color: #f5c400;
}
@media (max-width: 767px) {
  .top-bar {
    display: none;
  }
}
  
/*================================================= nav menu css ====================================*/
/* nav bar */
.navbar-nav > .nav-item > .nav-link {
  font-size: 13px;   /* small size */
  font-weight: 500;
  text-transform: uppercase; /* optional – remove if not needed */
}
 
.navbar-nav .nav-link{
  font-weight: 600;
  color: #1f2a44;
  margin: 0 2px;
  position: relative;
}
 
.navbar-nav .nav-link:hover{
  color: #E3A539;
}
 
/* ACTIVE LINK */
.navbar-nav .nav-link.active{
  color: #ffffff !important;
  background-color: #344257;

}

 
/* LOGO SIZE */
.navbar-brand img{
  height: 70px;
}

.dropdown-submenu {
    font-size: 13px;
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}


/*================================== slider css =====================================*/

.hero-img {
  height: 520px;
  object-fit: cover;
}

.carousel-caption {
  bottom: 15%;
  background: rgba(0,0,0,0.45);
  padding: 35px;
  border-radius: 8px;
  max-width: 600px;
  margin: auto;
}

.carousel-caption h4 {
  font-size: 25px;
  font-weight: 200;
  font-family:cursive

}
.carousel-caption h3 {
  font-size: 20px;
  font-weight: 200;
  font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif

}

.carousel-caption p {
  font-size: 20px;
}

@media (max-width: 768px) {
  .hero-img {
    height: 280px;
  }

  .carousel-caption {
    bottom: 10%;
    padding: 15px;
  }

  .carousel-caption h2 {
    font-size: 22px;
  }

  .carousel-caption p {
    font-size: 14px;
  }
}

/*===================================== Package css home ============================================*/

/* SECTION BACKGROUND */
.food-section{
  background:#eeeeee;
  padding:60px 0;
}

/* CARD */
.food-card{
  background:#ffffff;
  text-align:center;
  position:relative;
}

/* IMAGE */
.image-box img{
  width:100%;
  /* height:270px; */
  object-fit:cover;
  display:block;
}

/* RIBBON (ICON BOX) */
.ribbon{
  width:95px;
  height:100px;
  background:#d9e2dd;
  margin:-45px auto 0; /* makes ribbon touch image */
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ribbon:after{
  content:"";
  position:absolute;
  bottom:-22px;
  left:0;
  border-left:47.5px solid transparent;
  border-right:47.5px solid transparent;
  border-top:22px solid #d9e2dd;
}

/* ICON */
.ribbon img{
  width:35px;
}

/* CONTENT */
.food-content{
  padding:45px 30px 50px;
}

.food-content h2{
  font-size:34px;
  font-weight:400;
  margin-bottom:18px;
}

.food-content p{
  font-size:15px;
  font-weight:600;
}

/*========================================== rate card css ===============================================*/

/* Section Background */
.rates-section{
background:#F7FFC1;
padding:80px 0;
text-align:center;
}

/* Title */
.rates-title{
font-size:36px;
font-weight:600;
margin-bottom:50px;
}

/* Card */
.rate-card{
background:#fff;
padding:40px 20px;
border-radius:25px;
box-shadow:6px 6px 0 #8b8b8b;
transition:all .4s ease;
}

/* Hover */
.rate-card:hover{
transform:translateY(-10px) scale(1.03);
}

/* Icon */
.rate-card img{
width:60px;
margin-bottom:15px;
}

/* Price */
.rate-price{
font-size:28px;
font-weight:600;
}

/* Text */
.rate-text{
color:#666;
font-size:16px;
}

/* Resort Title */
.resort-title{
font-size:34px;
margin-top:70px;
margin-bottom:20px;
font-weight:500;
}

/* Resort Text */
.resort-text{
max-width:900px;
margin:auto;
font-size:17px;
line-height:1.8;
color:#555;
}

.resort-text span{
color:#d48806;
font-weight:600;
}


/*================================== home video/testimonial ================================*/

.section-area{
background:#f2f2f2;
padding:80px 0;
}

.section-title{
text-align:center;
font-size:36px;
font-weight:600;
margin-bottom:10px;
margin-top: 30px;
}

.section-sub{
text-align:center;
color:#777;
margin-bottom:30px;
}

.divider{
text-align:center;
margin-bottom:40px;
}

.divider img{
width:60px;
}

/* Video */
.video iframe{
width:100%;
height:350px;
border-radius:5px;
}

/* Review Box */
.review-box1{
  background:#fff !important ;
  padding:25px;
  border-radius:6px;
  box-shadow:0 3px 10px rgba(0,0,0,0.1);
  position:relative;
}

.review-box1::after{
  content:"";
  position:absolute;
  bottom:-15px;
  left:50px;
  border-width:15px 15px 0;
  border-style:solid;
  border-color:#fff transparent;
}

/* Stars */
.stars{
color:#ffc107;
font-size:18px;
}

/* Reviewer */
.reviewer{
/* display:flex; */
align-items:center;
margin-top:25px;
}

.avatar{
width:55px;
height:55px;
background:#1f9a9a;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:22px;
margin-right:15px;
}

.name{
font-weight:600;
}

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

/* Carousel Arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:#ccc;
border-radius:50%;
padding:15px;
}



/*=============================================== Customer Review ======================*/

.review-section{
background:url("../images/bannerhome.jpg") center/cover no-repeat;
padding:120px 0;
text-align:center;
color:#000;
}

.review-title{
font-size:38px;
margin-bottom:40px;
}

.review-text{
font-size:22px;
font-style:italic;
max-width:800px;
margin:auto;
}

.reviewer{
margin-top:25px;
font-weight:600;
font-size:20px;
}

.carousel-indicators button{
width:10px;
height:10px;
border-radius:50%;
}


/*========================================= home Gallery ======================================s*/
.gallery-section{
padding:60px 0;
background:#ffffff;
}

.gallery-carousel .carousel-item img{
width:100%;
/* height:300px; */
object-fit:cover;
border-radius:10px;
}

.gallery-carousel .col-lg-4,
.gallery-carousel .col-md-6,
.gallery-carousel .col-12{
padding:10px;
}
/*============================================= payment option =========================================*/

.payment-section{
padding:70px 0;
background:#f2f2f2;
text-align:center;
}

.payment-title{
font-size:34px;
margin-bottom:50px;
}

.payment-box{
border:2px solid #888;
padding:40px 20px;
background:white;
transition:0.3s;
}

.payment-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}

.payment-box img{
width:60px;
margin-bottom:15px;
}

.payment-box h5{
font-size:22px;
margin:0;
}


/*======================================= home Activities ======================*/

.activities-section{
background:#dbe3a8;
padding:50px 0;
}

.activity-box{
background:#f2f2f2;
padding:35px 20px;
text-align:center;
border-radius:6px;
height:180px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.activity-box img{
width:50px;
margin-bottom:15px;
}

.activity-box p{
font-size:18px;
margin:0;
}


/*=============================== All page banneer ============================*/

.page-banner{
    background:url('../images/bannerhome.jpg') center center/cover no-repeat;
    height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
}

.banner-content{
    /* background:rgba(255,255,255,0.6); light overlay for text visibility */
    padding:30px 40px;
    border-radius:8px;
}

.banner-content h1{
    color:#ffffff;
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}


/*============================== About page css =======================*/
.section-bg{
    background:#ffffff;
    padding:60px 0;
}

.title span{
    font-weight:700;
}

.tagline{
    color:#666;
    font-size: 14px;
    font-weight:600;
    margin:20px 0;
}

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

.right-img img{
    width:100%;
    border:5px solid #eee;
}

.book-section{
    background:#F7FFC1;
    padding:30px 0;
    text-align:center;
}

.book-btn{
    background:#6fb26f;
    color:#fff;
    padding:12px 30px;
    font-size:18px;
    border-radius:8px;
    border:none;
    transition:0.3s;
}

.book-btn:hover{
    background:#6AB165;
    color:#fff;
}

.hurda-banner{
    position: relative;
    background: url('../images/about2.jpg') center/cover no-repeat;
    min-height: 500px;
}

.hurda-banner::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(90deg, rgba(255,230,0,0.85), rgba(255,150,0,0.85));
}

.hurda-content{
    position: relative;
    z-index: 2;
}

.hurda-title{
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.hurda-text{
    font-size:24px;
    font-weight:700;
    line-height:1.6;
}

.hurda-btn{
    margin-top:30px;
    padding:12px 35px;
    font-size:18px;
    border-radius:8px;
    background-color: #6AB165;
}
.hurda-btn:hover{
    margin-top:30px;
    padding:12px 35px;
    font-size:18px;
    border-radius:8px;
    background-color: #6AB165;
}

/*======================================= Footer css =====================*/

.footer-section{
background:#1f1f1f;
color:#ccc;
padding-top: 30px;
}

.footer-title{
color:#fff;
font-size:23px;
margin-bottom:20px;
}

.highlight-text{
font-size: 13px;
color:#fff;
font-weight:600;
}

.footer-section p{
line-height:1.8;
font-size: 13px;
}

.footer-bottom{
background:#7a5a00;
text-align:center;
color:#fff;
padding:10px;
font-size:14px;
}

.footer-bottom a{
color: #ffffff;
text-decoration:none;
font-weight:500;
font-size: 14px;

}

.footer-bottom a:hover{
text-decoration:none;
}


/*============================== Video page css ======================================*/


.video-box{
overflow:hidden;
border-radius:4px;
}

.video-box video{
width:100%;
height:250px;
object-fit:cover;
}

/*============================================= Gallery css =============================*/

.gallery-section{
    padding:60px 0;
    background:#f5f5f5;
}

.gallery-img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:6px;
}

.gallery-item{
    margin-bottom:25px;
}

/*===================================== testimonial page css ===========================*/

.reviews-section{
padding:70px 0;
background:#f2f2f2;
}

.review-title{
font-size:34px;
margin-bottom:50px;
color:#1a2b3c;
}

.review-box{
background:#c3d63b;
padding:50px 50px;
margin-bottom:30px;   /* space between boxes */
position:relative;
text-align:center;
}

.review-text{
font-size:20px;
font-family:Georgia, 'Times New Roman', Times, serif;
max-width:950px;
margin:auto;
line-height:1.6;
}

.review-name{
margin-top:25px;
color:#fff;
font-weight:600;
}

.highlight{
color:#ff7f50;
}

.quote-left{
position:absolute;
left:35px;
top:15px;
font-size:70px;
color:#6c6c6c;
}

.quote-right{
position:absolute;
right:35px;
bottom:15px;
font-size:70px;
color:#6c6c6c;
}

/* Mobile */

@media (max-width:768px){

.review-box{
padding:30px 25px;
margin-bottom:35px;
}

.review-text{
font-size:16px;
}

.quote-left,
.quote-right{
font-size:40px;
}

}
  

/* Contact page css */

.contact-map-section{
padding:60px 0;
background:#f5f5f5;
}

.contact-info h5{
font-weight:600;
margin-top:25px;
}

.contact-info p{
color:#555;
line-height:1.6;
margin-bottom:10px;
}

.map-box iframe{
border-radius:6px;
width:100%;
}

/* Mobile */

@media (max-width:768px){

.map-box{
margin-top:30px;
}

}

.phone{
  text-decoration: none;
  color: #000;
}

.phone:hover{
  text-decoration: none;
}