@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mallanna&display=swap');


* {
  margin: 0;
  padding: 0;
  
}

/* ::-webkit-scrollbar {
  width: 3%;
  height: 15px;
  } */
  /* ::-webkit-scrollbar-track-piece  {
  background-color: #35005A;
  width: 5%;

  }
  ::-webkit-scrollbar-thumb:vertical {
  height: 20px;
  background-color: #FB8500;
  border-radius: 20%;
  } */

.animated-element {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.animated-element.left {
  transform: translateX(-100%);
  transition: 2s;
}

.animated-element.right {
  transform: translateX(100%);
  transition: 2s;
}

.animated-element.up {
  transform: translateY(-100%);
  transition: 2s;
}

.animated-element.down {
  transform: translateY(100%);
  
}





/* top slider section */
/* .Top-slideshow{
  position: relative;
 
} */

.slider {
  position: relative;
  height: 100vh !important;
  margin: 0%;
  width: 100% !important;
  text-align: center;
 
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
overflow: hidden;
transition: opacity 1s ease; 
}
  
.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-bottom: 0px;
    filter: brightness(60%);
    scale: 1.5;
    transition: 10s;
  }
  
  
  
  
  .slide.active {
    opacity: 1;
    
  }

  .slide.active img{
    scale: 1;

  }

  .top-slider-text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: 5;

  
  }

  .top-slider-text a{
    font-size: 1.5rem;
    color: #ffffff;
    text-decoration: none;
  }
  .top-slider-text p{
    color: #ffffff;
    text-shadow: 0 0 7px rgba(255,255,255,.3), 0 0 3px rgba(255,255,255,.3);
    font-size: 3rem;
    font-family: 'Montserrat', sans-serif;
  }


  .top-slider-animation{
    color: #e5e5e5;
    font-size: 2.26rem;
    text-transform: uppercase;
    /* height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; */
  }
  
  .animation {
    height:70px;
    overflow:hidden;
    margin-top: 10px;
    
    
  }
  
  .animation > div > div {
    padding: 0.25rem 0.75rem;
    height:2.81rem;
    margin-bottom: 2.81rem;
    display:inline-block;
  }
  
  .animation div:first-child {
    animation: text-animation 8s infinite;
  }
  
  .first div {
    background-color:#FB8500;
  }
  .second div {
    background-color: #FF5D06;
  }
  .third div {
    background-color: #35005A;
  }
  
  @keyframes text-animation {
    0% {margin-top: 0;}
    10% {margin-top: 0;}
    20% {margin-top: -5.62rem;}
    30% {margin-top: -5.62rem;}
    40% {margin-top: -11.24rem;}
    60% {margin-top: -11.24rem;}
    70% {margin-top: -5.62rem;}
    80% {margin-top: -5.62rem;}
    90% {margin-top: 0;}
    100% {margin-top: 0;}
  }
  
  
  /* .btn-shine {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 48px;
    color: #023047;
    background: linear-gradient(to right, #fff 0, #023047 10%, #fff 20%);
    background-position: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s infinite linear;
    animation-fill-mode: forwards;
    -webkit-text-size-adjust: none;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }

  .btn-shine i{
    margin-left: 10px;
  } 
  @-moz-keyframes shine {
    0% {
      background-position: 0;
    }
    60% {
      background-position: 180px;
    }
    100% {
      background-position: 180px;
    }
  }
  @-webkit-keyframes shine {
    0% {
      background-position: 0;
    }
    60% {
      background-position: 180px;
    }
    100% {
      background-position: 180px;
    }
  }
  @-o-keyframes shine {
    0% {
      background-position: 0;
    }
    60% {
      background-position: 180px;
    }
    100% {
      background-position: 180px;
    }
  }
  @keyframes shine {
    0% {
      background-position: 0;
    }
    60% {
      background-position: 180px;
    }
    100% {
      background-position: 180px;
    }
  }
   */




.form-container {
  position: absolute;
  left: 50%;
  bottom: 0%;
  transform: translate(-50%);
  z-index: 5;
  display: flex;
  /* bottom: 10%; */
  justify-content: center;
  border-radius: 30px;
  /* width: 100%; */
  padding: 1rem;
  gap: 10px;
  /* background-image: linear-gradient(to right, rgba(251, 134, 0, 0.61) 0%, rgba(255, 93, 6, 0.616) 1% , rgba(53, 0, 90, 0.596)100%); */
  background-color: #6114489c;
  box-shadow: rgba(0, 0, 0, 0.27) 0px 0px 0.25em, rgba(255, 255, 255, 0.05) 0px 0.25em 1em;
  z-index: 10;
  width: 1000px;
  margin: 2rem auto;

  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
 

}

.input-group {
  display: flex;
  flex-direction: column;
  width: 20%;
  position: relative;
  /* justify-content: end; */
  justify-content: center;
  /* align-items: end; */
}

.input-group:last-child{

align-items: end;
}

.form-container label{
  text-align: left;
  /* font-weight: bold; */
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  color: #ffffff;
  margin-bottom: 1rem;

}


.form-container input, .form-container input[type="date"] {
  padding: 0.7rem;
  border: none; 
  background-color: #ffffffd8;
  color: #000000;

  font-size: 0.9rem;
  /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
  box-shadow: rgba(2, 48, 71, 0.25) 0px 6px 12px -2px, rgba(2, 48, 71, 0.3) 0px 3px 7px -3px;
  font-family: 'Lato', sans-serif;
  border-radius: 30px;
  outline: none;
}




.form-container input[type="date"]{
  color: #949494;
}


.form-container ::placeholder{
  font-size: 0.8rem;
  color: #949494;
}

.form-container button {
  /* padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem; */
  /* padding: 0.7rem; */
  background-color:transparent;
  border: none;
  /* color: #ffffff;

  font-size: 0.9rem;
  cursor: pointer;
  transition: 1s;
  border-radius: 30px;
  font-family: 'Montserrat', sans-serif; */

}

.form-container button span{
  /* margin-right: 10px;
  font-size: 1.1rem; */
 
  z-index: 2;
  border-radius: 50%;
  padding: 1rem ;
  color: #fff;
  font-size: 2.5rem;
  cursor: pointer;
 transition:0.5s
}

.form-container button span:hover{
 scale: 0.9;
 rotate:-60deg;
 transition:0.5s
}


/* .form-container select option{
  color: #000000;
  
} */
/* 
.form-container button:hover{
  background-color: #FB8500;
  color: #023047;
  scale: 0.9;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  

} */




.custom-dropdown {
  position: absolute;
  display: none;
  top: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 10;

  
 
  overflow: hidden;

 
}

.custom-dropdown.active {
  display: block;
}

.custom-dropdown ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
 
  /* border: 1px solid #ccc; */
  max-height: 150px;
  overflow-y: auto;
  text-align: center;
  
}

/* .custom-dropdown ul::-webkit-scrollbar{
  display: none;
  } */

.custom-dropdown li {
  padding: 5px;
  cursor: pointer;
  color: #000000;
  border-bottom: 1px solid #FB8500;
  margin: 0.5rem;

}

.custom-dropdown li a{
  font-weight: 500;
}

.custom-dropdown li:hover {
  background-color: #FB8500;
  color: #ffffff;
}





/* top location section start */

.top-location-container img{
  height: 200px !important;
  filter: brightness(70%);
}


.top-location-container .swiper-slide p{
  position: absolute;
  top: 50% ;
  left:50% ;
  transform: translate(-50%,-50%) ;
  /* font-family: "Shadows Into Light Two", cursive; */
  background-color: transparent;
  color: #ffffff;
  font-size: 1rem;
}


/* top location section end */



/* slider end */


/* location container start */

/* .featured-location-container{
  margin-right: 7rem;
  margin-left: 7rem;
  margin-top: 2rem;
 
  overflow-x: scroll;
  overflow-y: hidden;

  box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);


}
.featured-location-container::-webkit-scrollbar{
display: none;
}

.featured-location-content{
  display: flex;
  height: 350px; 
  

 animation: marquee 75s linear infinite;
 
}


.featured-location-content:hover {
  animation-play-state: paused;
  
 
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}




.featured-location-box1{
  flex: 0 0 20%;
  border-right: 5px solid #fff;
  
  
}

.featured-location-box2{
  flex: 0 0 40%;
  border-right: 5px solid #fff;
  
}

.featured-location-content .textbox{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  color: #fff;
  display: none;
}

.featured-location-content .textbox h4{
  font-size: 1.7rem;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
 

}

.featured-location-content .textbox p{
  font-size: 1.2rem;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  
 
  
  
  
}



.featured-location-content .img-box1{
  width: 100%;
  height: 50%;
  border-bottom: 5px solid #fff;
  position: relative;
  overflow: hidden;
  
  
}

.featured-location-content .img-box1:last-child{
  border: none;
  
}

.featured-location-content .img-box2{
  width: 100%;
  height: 355px;
  position: relative;
  overflow: hidden;
 
  
  
}


.featured-location-content img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  
  transition: 1s;
}


.featured-location-content .img-box2:hover img{
  transform: scale(1.1);
  filter: brightness(100%);
}

.featured-location-content .img-box1:hover img{
  transform: scale(1.1);
  filter: brightness(100%);

} */

/* location container end */








 /* advanture-section start  */

 .adventure-section{
  margin-right: 7rem;
  margin-left: 7rem;
  margin-top: 4rem;
 }


 .adventure-section h2{
  font-size: 2rem;
  text-align: center;
  color: #023047;
  margin-bottom: 1rem;
  font-family: 'Montserrat', sans-serif;

 }

 .adventure-section h3{
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  max-width: 900px;
  font-family: 'Lato', sans-serif;
  margin: auto;
  color: #FF5D06;
 
 }


 .adventure-container{
  display: flex;
  margin-top: 2rem;
  flex-wrap: wrap;
  justify-content:space-between;
  overflow: hidden;
 }

 .adventure-box{
  width: 32%;
  margin-bottom: 1%;
  margin-top: 1%;
  height: 250px;
  border-radius: 14px;
  position: relative;
 overflow: hidden;
  transition: 1s;


 }



 .imgbox-adventure{
  height: 100%;
  width: 100%;
  overflow: hidden;
 
 }

 

 .adventure-box:hover img{
  transform: scale(1.1);
  filter: brightness(100%) blur(0);
 }

 .imgbox-adventure img{
  width: 100%;
  height: 100%;
  filter: brightness(70%) blur(1px);
  object-fit: cover;
  transition: 0.5s;
 
  

 }



 .price-box{
  position: absolute;
  top: 5%;
  z-index: 1;
  color: #FB8500;
  font-weight: 400;
  /* left: 10%; */
  background-color:#ffffff;
  padding: 7px;
  font-size: 0.8rem;
  font-family: 'Lato', sans-serif;

 }

 .text-adventure{
  position: absolute;
  padding: 5%;
  bottom: 0%;
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 90%;
  transition: 0.5s;
  
 }

 .adventure-box:hover .text-adventure{
  background-color: #ffffff52;
  bottom: -50%;
  transition: 0.5s;
  color: #000000;

  
 }

 .text-adventure h4{
  font-size: 0.8rem;
  font-family: 'Lato', sans-serif;
  font-weight: lighter;
  font-style: italic;
  
 }

 .text-adventure h5{
  font-size: 1rem;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 1rem;
  
 }


  /* advanture-section end  */




/* video bannner start */

.video-section{
  margin-top: 3rem;
  margin-bottom: 3rem;
  position: relative;

 
 

}

.video-section video{
  filter: brightness(50%);
  height: 100%;
  width: auto ;


}

.video-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  width: 100%;
 
}

.video-inner-text{
  padding-left: 7rem;
  padding-right: 7rem;
  display: flex;
  justify-content: space-between ;
 
}

.video-text h2{
  width: 70%;
  font-size: 7rem;
  font-family: "Shadows Into Light Two", cursive;
  text-align: left;
  color: #ffffff;
  letter-spacing: 10px;
  margin-bottom: 2rem;
  
}



/* .video-text h2 span{
  font-size: 2rem;
  text-align: center;

} */

.video-text a{
  width: 20%;
  text-align: center;
  padding: 1rem;
  background-image: linear-gradient(to right, rgb(251, 133, 0) 0%, rgb(255 93 6) 10% , rgb(53 0 90)100%);
  color: #ffffff;

  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  text-decoration: none;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.video-text a:hover{
  scale: 0.9;

}





/* video bannner end */




 


 /* call us banner  start */

.call-banner{
  margin-top: 4rem;
  margin-left: 7rem;
  margin-right: 7rem;
  /* padding-top: 3rem;
  padding-bottom: 3rem; */
  padding: 2rem;
  background-image: linear-gradient(to right, rgb(251, 133, 0) 0%, rgb(255 93 6) 1% , rgb(53 0 90)100%);
  /* background-image: linear-gradient(to left, rgb(255, 102, 0)0% , rgb(255, 187, 0)100%); */
}

.call-banner-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}

.call-banner-text{
  width: 70%;

}

.call-banner-text h4{
font-size: 1.4rem;
color: #ffffff;
/* font-family: 'Montserrat', sans-serif; */
font-family: 'Lato', sans-serif;
font-weight: lighter;


}

.call-banner-button{
  padding-left: 2rem;
  text-align: right;
  padding-right: 2rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  font-size: 1.2rem;
  border: none;
  text-decoration: none;
  /* font-weight: lighter; */
  color: #000000;
  background-color: #fff;
  /* background-image: linear-gradient(to left, rgba(251, 134, 0, 0.623) 0% , rgb(53 0 90) 100%); */
  transition: 1s;
 
  
}

.call-banner-button:hover{
  /* background-image: linear-gradient(to left, rgb(251, 133, 0)0% , rgb(2, 48, 71)100%); */
  
  transition: 1s;
  scale: 0.8;
  

}


/* call us banner  end */



/* seasonal packages start */













/* seasonal packages end */






 


/* video banner section start */

/* .video-section{
  overflow: hidden;
  margin-top: 4rem;
  height: 500px;
  background-position: center;
  background-size: cover;
  position: relative;
  
  
}





 .video-section iframe {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 70%;
  display: none;
  z-index: 2;
  background-color: #0000008e;
}


.play-button{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  
}

.play-button img{
  transition: 1s;
}

.play-button img:hover{
  transform: scale(0.7);

}


 .close-button {
  position: absolute;
  top: -10%;
  right: 0;
  cursor: pointer;
}

.close-button {
  display: none;
} */

/* video banner section end */







/* offer section start */

/* .offer-section{
  margin-right: 7rem;
  margin-left: 7rem;
  margin-top: 4rem;
 }


 .offer-section h2{
  font-size: 2.5rem;
  text-align: center;
  color: #023047;
  margin-bottom: 1rem;
   font-family: 'Montserrat', sans-serif;

 }

 .offer-section h3{
  font-size: 1rem;
  text-align: center;
  max-width: 900px;
  font-family: 'Montserrat', sans-serif;
  margin: auto;
  color: #FFB703;
 
 }

 .offer-container{
  display: flex;
  margin-top: 2rem;
  flex-wrap: wrap;
 }


 .offer-content{
  width: 23%;
  margin: 1%;
  overflow: hidden;
  height: 400px;
  position: relative;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), inset 0px -3px 0px rgba(0, 0, 0, 0.2);
  
 }



 .offer-img-box{
  width: 100%;
  height: 100%;
 }

 .offer-img-box img{
  height: 100%;
  width: 100%;
  object-fit: cover;

 }

 .offer-text{
  position: absolute;
  top: 88%;
  background-color: #fff;
  padding: 0.8rem;
  transition: 0.5s;
 }

 .offer-heading{
  display: flex;
  justify-content:space-between;
  margin-bottom: 1rem;
  align-items: center;
 }

 .offer-heading h4{
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  color: #023047;
 }

 .offer-heading h5{
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #0099FF;

 }


 .offer-text p{
  font-size: 1rem;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  color: #494949;

 }

 .offer-content:hover .offer-text{
  top: 71%;
  transition: 0.5s;
  
 }


 .offer-content:hover img{
  filter: brightness(80%) ;
  transition: 1s;

 } */

 
/* offer section end */



/* discount banner section start  */

/* .discount-banner-section{
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 6rem;
  padding-left: 6rem;
  margin-top: 4rem;

  background-blend-mode:multiply;
  background-position: center;
 }


 .discount-banner-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
 }

 .discount-percent{
  width: 50%;
 }

 .discount-percent h2{
  font-size: 15rem;
  color: rgba(255, 255, 255, 0.849);
  text-align: center;
  margin: auto;
 

 }

 .discount-text{
  width: 50%;
  color: #fff;
 }

 .discount-text h3{
  font-size: 3rem;
  margin-bottom: 1rem;
  font-family: 'Lato', sans-serif;
 }

 .discount-text h5{
  font-size: 1.4rem;
  margin-bottom: 1rem;
  font-family: 'Lato', sans-serif;
  font-style: italic;
 }

 .discount-text p{
  font-size: 1rem;
  margin-bottom: 2rem;
  font-family: 'Lato', sans-serif;
 }


 .discount-text a{
  font-size: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #fff;
  font-weight: bold;
  color: #0099FF;
   font-family: 'Montserrat', sans-serif;
   margin-bottom: 1rem;
 }


 .discount-text a:hover{
  background-color: #0099FF;
  color: #fff;
 } */


 /* discount banner section end  */