html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;
	box-sizing: border-box;background: #e9f0e9;
}
.displayFlex{
	display: flex;align-items: center;
}
.displayFlexCenter{
	display: flex;align-items: center;justify-content: center;
}
.displayFlexRight{
	display: flex;align-items: center;justify-content: right;
}
.policy{
	padding: 2vw 24vw;width: 100%;
}
.policyWrapper{
	padding: 2vw;border-radius: 12px;background: #f7fff7;font-size: 1vw;text-align: center;
}

/*============================= HEADER PAGE START =========================================*/

/*----------------------- LEFT SIDE -----------------------*/

.wrapperIndex{
	display: flex;width: 100%;align-items: center;justify-content: space-between;
}
.left-side{
	width: 20%;height: 100vh;background: #556e53;z-index: 10;
	top: 0;left: 0;position: fixed;float: left;
}
.right-side{
	width: 80%;height: 100vh;float: left;margin-left: 20%;
}
.respoTpHeader{
	display: none;
}
.repHide{
	display: none;
}
.tpHeader{
	border-bottom: 1px solid #000;padding: 0 14vw;
}
.tpHeader ul li{
	padding: 0.3vw 1.5vw;border-right: 1px solid #000;display: inline-block;
}
.tpHeader ul li:first-child{
	border-left: 1px solid #000;
}
.tpHeader ul li a{
	color: #000;font-size: 0.8vw;text-decoration: none;
}
.header{
	padding: 0.5vw 14vw;
}
.navmenus ul li{
	display: inline-block;margin-right: 1.2vw;margin-left: 1.2vw;
}
.navmenus ul li a{
	color: #000;font-size: 0.8vw;font-weight: 600;text-transform: uppercase;
	text-decoration: none;
}
.avlBtn a{
	display: inline-block;width: 100%;padding: 0.8vw;text-align: center;
	background: linear-gradient(356deg, rgba(40,69,1,1) 44%, rgba(55,93,52,1) 100%);
	color: #fff;font-size: 0.8vw;text-transform: uppercase;text-decoration: none;border-radius: 35px;
}
.avlBtn a:hover{
	background: #284501;
}

/*================================== HEADER PAGE END ==================================*/

/*============================= FOOTER PAGE START =========================================*/

.whatsapp{
	position: fixed;width: 2.5vw;height: 2.5vw;background: #556e53;border: none;
	border-radius: 50%;display: flex;align-items: center;justify-content: center;
	color: #fff;font-size: 1.2vw;left: 1%;bottom: 2%;z-index: 200;display: inline-block;text-align: center;
	line-height: 2;
}
.whatsapp:hover{
	color: #fff;
}
.moveToTop{
	position: fixed;width: 2.5vw;height: 2.5vw;background: #556e53;border: none;
	border-radius: 50%;display: flex;align-items: center;justify-content: center;
	color: #fff;font-size: 1vw;right: 1%;bottom: 2%;z-index: 200;
}
.footer{
	padding: 3vw 10vw 2vw 10vw;
	background: linear-gradient(rgba(197, 217, 197, 0.9), rgba(197, 217, 197, 0.9)), url("images/svg/footerhill.svg");
	background-size: cover;background-position:center top;
	position: relative;
}
.footer-row{
	display: flex;justify-content: space-between;
	flex-wrap: wrap;
}
.footerColumn1{
	width: 25%;
}
.footerColumn1 h3{
	font-family: 'Playfair Display', serif;color:#000;font-size:1.5vw;
	margin-bottom: 1vw;
}
.footerColumn1 p{
	font-size: 0.8vw;text-align: justify;
}
.footerSocialMedia{
	margin-top: 1vw;
}
.footerSocialMedia a{
	display: inline-block;width: 2.5vw;height: 2.5vw; background: #a3bda0;
	color: #000;font-size: 1vw;line-height: 2.4;text-align: center;
}
.footerSocialMedia a:hover{
	background: #638061;
}
.footerColumn2{
	width: 20%;
}
.footerColumn2 h3{
	font-family: 'Playfair Display', serif;color:#000;font-size:1.5vw;
	margin-bottom: 1vw;
}
.footerColumn2 ul li{
	margin-bottom: 0.7vw;
}
.footerColumn2 ul li a{
	color: #000;text-decoration: none;font-size: 0.8vw;
}
.footerColumn2 ul li a i{
	color: #638061;
}
.footerColumn3{
	width: 20%;
}
.footerColumn3 h3{
	font-family: 'Playfair Display', serif;color:#000;font-size:1.5vw;
	margin-bottom: 1vw;
}
.footerColumn3 ul li{
	margin-bottom: 0.7vw;
}
.footerColumn3 ul li a{
	color: #000;text-decoration: none;font-size: 0.8vw;
}
.footerColumn3 ul li a i{
	color: #638061;
}
.footerColumn4{
	width: 25%;font-size: 0.8vw;
}
.footerColumn4 h3{
	font-family: 'Playfair Display', serif;color:#000;font-size:1.5vw;
	margin-bottom: 1vw;
}
.marTop1vw{
	margin-top: 1vw;
}
.contactIcfooter{
	background: #a3bda0;width: 2.5vw;height: 2.5vw;display: flex;
	align-items: center;justify-content: center;font-size: 1vw;
}
.copyright{
	text-align: center;color: #000;font-size: 0.8vw;padding: 0.7vw;
	background: #789177;
}

/*============================= FOOTER PAGE END =========================================*/

/*=============================== INDEX PAGE START ==========================================*/

/*------------------------ SLIDER INDEX STARTED ---------------------------*/

.slider{
	width: 100%;height: 100vh;
	background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url("images/hotel/3.jpg");
	background-position: center left;background-size: cover;
	position: relative;
}
.slider-Content{
	content: '';position: absolute;top: 43%;left: 50%;
	transform: translate(-50%,-50%);width:60%;text-align: center;z-index: 100;
}
.slider-Content h6{
	font-size: 0.9vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: center;color: #fff;
}
.slider-Content h6 span{
	display: inline-block;width: 10%;height: 1px ;background: #fff;
}
.slider-Content h1{
	font-family: 'Playfair Display', serif;font-size: 7vw;font-weight: 600;margin-top: 1vw;
	color: #fff;
}
.slider-form{
	width: 100%;margin-top:0vw;background: #fff;
	display: flex;position: relative;
}
.sliderFormColumn{
	padding: 1.5vw 0vw 1.5vw 2vw;width: 25%;text-align: left;
}
.sliderFormColumn h5{
	font-size: 0.8vw;text-transform: uppercase;color: #000;
}
.sliderFormColumn input{
	width: 100%;height: 3vw;padding:0 0 0.2vw 0;border: none;
	border-bottom: 2px solid #000;background: none;color: #000;position: relative;
}
.datepicker{
	position: relative;
}
.sliderFormColumn input::before{
	content:'hello';position: absolute;top: 50%; /* Adjust as needed */
    right: 10px; /* Adjust as needed */
    font-size: 16px; /* Adjust as needed */
	font-size: 36px;z-index: 100;color: red;
}
input:focus{
	outline: none;
}
.sliderFormColumn2{
	padding: 1.5vw 0vw 1.5vw 2vw;width: 12%;text-align: left;
}
.sliderFormColumn2 h5{
	font-size: 0.8vw;text-transform: uppercase;color: #000;
}
.sliderFormColumn2 input{
	width: 100%;height: 3vw;padding:0 0 0.2vw 0;border: none;
	border-bottom: 2px solid #000;background: none;color: #000;font-size: 2.7vw;
}
.inputIncrease{
	position: relative;
}
a.up{
	content: '';position: absolute;right: 0;top: 0;width: 1.5vw;height: 1.2vw;
	border: none;color: #000;background: none;
}
a.down{
	content: '';position: absolute;right: 0;bottom: 7%;width: 1.5vw;height: 1.2vw;
	border: none;color: #000;background: none;
}
a.up:hover{
	color: #000;
}
a.down:hover{
	color: #000;
}
.sliderBtn{
	width: 25%;padding: 1.5vw 1.5vw 1.5vw 1vw;
}
.sliderBtn button{
	display: inline-block;width: 100%;height: 4vw;text-align: center;background: #556e53;
	color: #fff;text-transform: uppercase;font-size: 0.8vw;border: none;font-weight: 600;
	letter-spacing: 0.1vw;
}

/*------------------------ ABOUT INDEX STARTED ---------------------------*/

.abtIndex{
	background: #fff;padding: 2vw;width: 80%;margin-left: 10%;margin-top: -10%;z-index: 10;
	position: relative;
}
.abtColumnCont{
	background: #dae4df;padding: 1vw;text-align: center;
}
.abtColumnCont h3{
	color: #000;font-weight: 500;font-size: 1.2vw;text-transform: uppercase;color: #3b3e47;
}
.abtColumnCont p{
	color: #000;font-size: 0.8vw;margin-bottom: 0;color: #3b3e47;
}
.btnRow{
	display: flex;align-items: center;
}
.btnCol{
	width: 50%;
}
.btnCol a{
	display: inline-block;width: 100%;padding: 0.8vw 0;background: #556e53;text-align: center;
	color: #fff;text-decoration: none;text-transform: uppercase;
}
.pineForest{
	text-align: center;padding: 3vw;position: relative;overflow: hidden;
}
.pineForest::before{
	content: '';position: absolute;bottom: -10%;right: 0;width: 100%;
	height: 100%;background: linear-gradient(rgba(233, 240, 233, 0.92),rgba(233, 240, 233, 0.92)), url('images/mountain.svg');
	background-position:top left;background-size: cover;
}
.pineForest h6{
	font-size: 0.8vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: center;
}
.pineForest h6 span{
	display: inline-block;width: 10%;height: 1px ;background: #000;
}
.pineForest h1{
	font-family: 'Playfair Display', serif;font-size: 2.3vw;font-weight: 600;margin-bottom: 1vw;
}
.pineForest p{
	font-size: 0.8vw;
}
.pineForest h5{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;
}
.pineForest ul li{
	display: inline-block;padding:0 1vw;border-right: 1px solid #284501;font-size: 0.8vw;font-weight: 600;
	text-transform: capitalize;
}
.bedroombathroomAmenities{
	margin-top: 1vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	padding: 0 14vw;position: relative;text-align: center;
}
.roomAmenity{
	width: 45%;
}
.roomAmenity h2{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;margin-bottom: 1vw;
}
.roomAmenitiesCol{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.singleAmenit{
	width: 31%;margin: 1%;
}
.singleAMenityImg{
	width:6vw;height:6vw;background: rgba(255, 255, 255, 0.8);border-radius: 50%;position: relative;left: 50%;
	transform: translate(-50%);border: 3px solid #284501;
}
.singleAMenityImg img{
	width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.singleAmenit h4{
	font-size: 0.8vw;font-weight: 600;margin-top: 0.5vw;text-transform: uppercase;
}

/*-------------------------------- ROOMS --------------------------------*/

.rooms{
	padding: 3vw 10vw;background: #fff;
}
.roomIndexRow{
	width: 45%;display: flex;justify-content: space-between;flex-wrap: wrap;
}

.bookRoom{
	background: #ebebeb;padding:1vw;
}
.bookRoomContent h3{
	font-size: 1.2vw;font-weight: 500;margin-top: 1vw;
}
.bookRoomContent p{
	font-size: 0.8vw;margin-bottom: 0;
}
.roomIc ul li{
	display: inline-block;margin-right: 1.5vw;margin-top: 1vw;
}
svg{
	width: 30px;margin-right: 0.5vw;
}
li.svg1 svg{
	width: 18px;
}
li.svg2 svg{
	width: 23px;
}
.roomIndexColumn{
	width: 10vw;height: 10vw;border-radius: 50%;border: 6px solid #284501;
	background: linear-gradient(rgba(234, 240, 234, 0.5), rgba(234, 240, 234, 0.5));
	display: flex;align-items: center;justify-content: center;
}
.roomIndexColumn img{
	width: 50%;
}

/*---------------------------------- AMENITIES -------------------------------------*/

.amenities{
	padding: 3vw 10vw;background: #f7fff7;text-align: center;
}
.amenities h6{
	font-size: 0.8vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: center;
}
.amenities h6 span{
	display: inline-block;width: 10%;height: 1px ;background: #000;
}
.amenities h1{
	font-family: 'Playfair Display', serif;font-size: 2.3vw;font-weight: 600;margin-bottom: 1vw;
}
.amenities p{
	font-size: 0.8vw;
}
.amenitiesRow{
	display: flex;align-items: center;justify-content: space-between;width: 100%;
	flex-wrap: wrap;
}
.amenitiesCol{
	background: #d3e3d3;padding: 0.8vw;display: flex;width: 31%;
	display: flex;align-items: center;justify-content: space-between;
	margin: 1%;
}
.amenitiesIcon{
	width: 12%;
}
.amenitiesDetail{
	width: 80%;font-size: 0.9vw;text-align: left;text-transform: capitalize;
}

/*--------------------------------- INFOREMATION SECTION -------------------------------*/

.infoSec{
	padding: 3vw 10vw;background: #fff;
}
.infoSecLeft h6{
	font-size: 0.8vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: left;
}
.infoSecLeft h6 span{
	display: inline-block;width: 15%;height: 1px ;background: #000;margin-right: 3%;
}
.infoSecLeft h1{
	font-family: 'Playfair Display', serif;font-size: 1.5vw;font-weight: 600;margin-bottom: 1vw;
}
.infoSecLeft p{
	font-size: 0.8vw;text-align: justify;
}
.infoSecLeft ul li{
	font-size: 0.8vw;
}
.infoSecRight h6{
	font-size: 0.8vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: left;
}
.infoSecRight h6 span{
	display: inline-block;width: 15%;height: 1px ;background: #000;margin-right: 3%;
}
.infoSecRight h1{
	font-family: 'Playfair Display', serif;font-size: 1.5vw;font-weight: 600;margin-bottom: 1vw;
}
.infoSecLeft p{
	font-size: 0.8vw;text-align: justify;
}
.indexTestimonial{
	padding: 1vw;background: #d3e3d3;margin-top: 1.5vw;margin-bottom: 2vw;
}
.reveiew{
	margin-top: 1.5vw;
}
.reveiew h3{
	font-size: 1vw;
}
.ytVideo{
	width: 100%;height: 25vw;position: relative;
}
.ytVideo iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
.carouselArrow{
	position: absolute;content: '';bottom: 0;right: 0;width:10%;height: 2vw;background: #284501;
	padding: 0.5vw;
}
.carousel-control-prev {
  left: 15%;
}
.carousel-control-next {
  right: 15%;
}


/*------------------------ INFO AND FAQ SECTION ----------------------------*/

.faqColumn{
	padding: 3vw 3vw 3vw 10vw;
}
.faqColumn h6{
	font-size: 0.8vw;font-weight: 400;letter-spacing: 0.5vw;text-transform: uppercase;
	display: flex;align-items: center;justify-content: left;
}
.faqColumn h6 span{
	display: inline-block;width: 15%;height: 1px ;background: #000;margin-right: 3%;
}
.faqColumn h1{
	font-family: 'Playfair Display', serif;font-size: 1.5vw;font-weight: 600;
	margin-bottom: 1.8vw;
}
.card{
	margin-top: 1vw;background: none;border: none;
}
.card button{
	display: inline-block;width: 100%;height: 3vw;text-align: left;background: #c5d9c5;
	border: none;padding-left: 1vw;border-radius: 30px;text-transform: capitalize;
}
.card-body{
	border: 1px solid #97b096;margin-top: 1vw;border-radius: 25px;
}
.imgBootom{
	width: 100%;height: 100%;background:url("images/23.jpeg");content: '';position: absolute;
	top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;
}


/*=============================== INDEX PAGE END ======================================*/

/*=========================== BREADCUMB STARTED ===============================*/

.breadcumb{
	padding: 4vw 14vw;background: #ebebeb;text-align:left;background: url('images/breadcumb.jpg');
	background-position: center;background-size: cover;
}
.breadcumb h2{
	font-size: 2.5vw;font-family: 'Playfair Display', serif;
	font-weight: 600;
}
.breadcumb h5{
	font-size:1vw;font-weight: 600;
}
.breadcumb h5 a{
	color: #000;text-decoration: none;
}


/*=========================== BREADCUMB STARTED ===============================*/

/*=========================== CONTACT STARTED ===============================*/

.contact{
	padding: 3vw 14vw;
}
.contactDetail{
	padding: 1.5vw;background: #d3e3d3;width: 80%;
}
.contactDetail:nth-child(2){
	margin-top: 1vw;
}
.contactDetail:nth-child(3){
	margin-top: 1vw;
}
.conIcon{
	width: 3vw;height: 3vw;border: 1px solid #000;font-size: 1.2vw;text-align: center;
	line-height: 2.3;
}
.conDetails{
	margin-left: 0vw;font-size: 0.9vw;width: 80%;
}
.contactForm{
	padding: 1vw;background: #d3e3d3;
}
.contactForm h3{
	font-size: 1vw;text-transform: uppercase;font-weight: 600;
}
.contactForm input{
	width: 100%;height: 2.5vw;padding: 0.5vw;font-size: 0.8vw;
}
.marTophalf{
	margin-top: 0.5vw;
}
.contactForm textarea{
	width: 100%;height: 7vw;padding: 0.5vw;font-size: 0.8vw;
}
.contactForm textarea:focus{
	outline: none;
}
.contactForm button{
	width: 100%;display: inline-block;height: 3vw;background: #556e53;text-transform: uppercase;
	border: none;color: #fff;letter-spacing: 0.4vw;font-size: 0.8vw;
}
.contactForm button:hover{
			background: #475e45;
		}
.map{
	width: 100%;height:20vw;position: relative;
}
.map iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/*=========================== CONTACT END ===============================*/

/*=========================== ABOUT START ===============================*/

.aboutPage{
	padding: 3vw 14vw;
}
.aboutPage h5{
	text-transform: uppercase;letter-spacing: 0.3vw;font-size: 0.9vw;
}
.aboutPage h2{
	font-size: 2.5vw;font-family: 'Playfair Display', serif;font-size:3vw;
	font-weight: 600;
}
.aboutPage span{
	display: inline-block;width: 15%;height: 1px;background: #000;margin-right: 0.5vw;
}
.aboutPage p{
	text-align: justify;font-size: 0.8vw;
}
.waysToReach{
	padding: 2.5vw 14vw;background: #fff;width: 100%;
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.waysToReach h2{
	font-size: 1.8vw;font-family: 'Playfair Display', serif;
	font-weight: 600;
}
.line{
	display: inline-block;width: 28%;height: 3px;background: #9eb69d;
}
.waysToReach p{
	margin-top: 1vw;text-align: justify;margin-bottom: 0;font-size: 0.8vw;
}
.coleLeft{
	width: 48%;
}
.coleRight{
	width: 48%;
}
.abtVideo{
	width: 100%;height: 12vw;position: relative;margin-top: 1vw;
}
.abtVideo iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
.faciRow{
	display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
}
.faciCol{
	width: 10vw;height: 10vw;border: 1px solid #000;margin: 1.5%;
}
.faciIcon{
	text-align: center;
}
.faciIcon img{
	width: 4vw;
}
.faci-name{
	font-weight: 600;text-transform: uppercase;font-size: 0.8vw;text-align: center;
	margin-top: 1vw;
}
.abtFewImg{
	flex-wrap: wrap;width: 100%;display: flex;
  align-items: stretch;height: 100%;justify-content: space-between;
}
.abtFewImgCol{
	width: 48%;border-radius: 25px;height: 100%;background: #ebebeb;display: flex;align-items: stretch;
}

/*=========================== ABOUT END ===============================*/

/*=========================== SERVICES START ===============================*/

.services{
	padding: 3vw;
}
.serviceTerm h3{
	font-size: 0.9vw;text-transform: uppercase;
}
.serviceTerm p{
	text-align: justify;font-size: 0.8vw;
}
.revName{
	margin-top: 1vw;
}
.revName h5{
	font-size: 0.9vw;font-weight: 600;
}

/*=========================== SERVICES END ===============================*/

/*=========================== GALLERY START ===============================*/

.galleryPage{
	padding:2vw 14vw 3vw 14vw;
}
#gallery {;
  @media screen and (min-width: 991px) {
   
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}
.img-wrapper a img{
	height: 10vw;
}

/*=========================== GALLERY END ===============================*/

/*=========================== ROOM BOOK START ===============================*/

.bookForm{
	padding: 2vw 14vw 3vw 14vw;
}
.bookForm label{
	font-size: 0.9vw;font-weight: 600;margin-top: 0.5vw;
}
.bookForm input{
	width: 100%;height: 2.7vw;padding: 0.5vw;border: 1px solid #9eb69d;
}
.bookForm select{
	width: 100%;height: 2.7vw;padding: 0.5vw;background: #fff;border: 1px solid #9eb69d;
}
.rommBtn{
	display: inline-block;width: 100%;height:3vw;text-align: center;margin-top: 0.8vw;
	text-transform: uppercase;font-size: 0.9vw;background: #7c9979;color: #fff;border: none;
}
.rommBtn:hover{
	background: #556e53;
}
.inputIncreases{
	position: relative;
}
.ups{
	content: '';position: absolute;right: 0;top: 0%;width: 1.5vw;height: 1.5vw;
	border: none;color: #fff;background: #7c9979;font-size: 14px;text-align: center;line-height: 2;
}
.downs{
	content: '';position: absolute;right: 0;bottom: 0%;width: 1.5vw;height: 1.5vw;
	border: none;color: #fff;background: #7c9979;font-size: 14px;text-align: center;line-height: 2;
}
.ups:hover{
	color: #fff;
}
.downs:hover{
	color: #fff;
}

/*=========================== ROOM BOOK END ===============================*/

/*====================== AVAILABLE ROOM START ===========================*/

.availableRoom{
	padding: 3vw 14vw;
}
.availableRoomWrapper{
	padding:0vw;
}
.availableRoomWrapper h3{
	font-size: 1.5vw;font-weight: 600;
}
.availableRoomWrapper p{
	font-size: 0.8vw;
}
.availableRoomWrapper h4{
	font-size: 0.9vw;font-weight: 600;
}
.availableRoomWrapper h2{
	font-size: 1.3vw;font-weight: 600;
}
.bookNoWbtn a{
	display: inline-block;width: 100%;padding: 0.7vw;
	background: linear-gradient(356deg, rgba(40,69,1,1) 44%, rgba(55,93,52,1) 100%);
	color: #fff;font-size: 0.8vw;font-weight: 600;text-transform: uppercase;
	text-align: center;text-decoration: none;
}
.room-img{
	width: 100%;height: 100%;background: #ebebeb;
}
.availableRoomCol{
	margin-top: 1vw;background: #d3e3d3;padding: 1vw;position: relative;
}
.availableRoomCol:nth-child(1){
	margin-top: 0;
}
.booked{
	content: '';position: absolute;left: 0;top: 15%;padding:0.4vw 1vw;background: red;
	color: #fff;font-weight: 600;font-size: 0.8vw;
}


/*====================== AVAILABLE ROOM START ===========================*/

/*============================= FAQ'S START ===============================*/

.faqs{
	padding: 3vw 7vw;
}
.faqWrapper{
	width: 100%;padding: 2vw;
}

/*============================= FAQ'S END ===============================*/

/*=========================== GALLERY PAGE START ===========================*/

.nearbyAttraction{
	padding: 2vw 14vw;background: #f7fff7;
}
.nearbyAttraction h5{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;text-align: center;
}
.locationsContainer{
	margin-top: 1vw;display: flex;justify-content: space-between;
	flex-wrap: wrap;
}
.locationColumn{
	width: 15%;text-align: center;display: flex;flex-direction: column;justify-content: center;
}
.locationImg{
	width: 10.5vw;height: 10.5vw;background: #ebebeb;border-radius: 50%;border: 4px solid #284603;
}
.locationText{
	width: 100%;text-align: center;margin-top: 0.5vw;
}
.locationText h5{
	font-size: 0.9vw;font-weight: 600;margin-bottom: 0.3vw;
}
.locationText p{
	font-style: italic;font-size: 0.7vw;font-weight: 400;
}
.slick-prev::before, .slick-next::before {
  color: #000;
}

/*============================ GALLERY PAGE END =============================*/

/*============================== RESPONSIVE MODE ======================================*/

@media(max-width:768px){

	.left-side{
		display: none;
	}
	.right-side{
		width: 100%;float: left;margin-left: 0%;
	}

	/*============================= FOOTER PAGE START =========================================*/

	.whatsapp{
		position: fixed;width: 40px;height: 40px;background: #556e53;border: none;
		border-radius: 50%;display: flex;align-items: center;justify-content: center;
		color: #fff;font-size: 17px;left:15px;bottom:20px;z-index: 200;display: inline-block;text-align: center;
		line-height: 2.2;
	}
	.whatsapp:hover{
		color: #fff;
	}
	.moveToTop{
		position: fixed;width: 40px;height: 40px;background: #556e53;border: none;
		border-radius: 50%;display: flex;align-items: center;justify-content: center;
		color: #fff;font-size: 18px;right: 15px;bottom: 20px;z-index: 200;
	}
	.footer{
		padding:18px;
		background: linear-gradient(rgba(197, 217, 197, 0.9), rgba(197, 217, 197, 0.9)), url("images/svg/footerhill.svg");
		background-size: cover;background-position:center top;
		position: relative;overflow: hidden;
	}
	.footer-row{
		display: flex;justify-content: space-between;
		flex-wrap: wrap;
	}
	.footerColumn1{
		width:100%;
	}
	.footerColumn1 h3{
		font-family: 'Playfair Display', serif;color:#000;font-size:26px;
		margin-bottom: 18px;
	}
	.footerColumn1 p{
		font-size: 15px;text-align: justify;
	}
	.footerSocialMedia{
		margin-top: 15px;
	}
	.footerSocialMedia a{
		display: inline-block;width: 40px;height: 40px; background: #a3bda0;
		color: #000;font-size: 15px;line-height: 2.5;text-align: center;
	}
	.footerSocialMedia a:hover{
		background: #638061;
	}
	.footerColumn2{
		width:100%;margin-top: 18px;
	}
	.footerColumn2 h3{
		font-family: 'Playfair Display', serif;color:#000;font-size:22px;
		margin-bottom: 18px;
	}
	.footerColumn2 ul li{
		margin-bottom: 10px;
	}
	.footerColumn2 ul li a{
		color: #000;text-decoration: none;font-size: 15px;
	}
	.footerColumn2 ul li a i{
		color: #638061;
	}
	.footerColumn3{
		width: 100%;
	}
	.footerColumn3 h3{
		font-family: 'Playfair Display', serif;color:#000;font-size:22px;
		margin-bottom: 18px;
	}
	.footerColumn3 ul li{
		margin-bottom: 10px;
	}
	.footerColumn3 ul li a{
		color: #000;text-decoration: none;font-size:15px;
	}
	.footerColumn3 ul li a i{
		color: #638061;
	}
	.footerColumn4{
		width:100%;font-size: 15px;
	}
	.footerColumn4 h3{
		font-family: 'Playfair Display', serif;color:#000;font-size:22px;
		margin-bottom:15px;
	}
	.marTop1vw{
		margin-top:18px;
	}
	.contactIcfooter{
		background: #a3bda0;width: 40px;height: 40px;display: flex;
		align-items: center;justify-content: center;font-size: 17px;
	}
	.copyright{
		text-align: center;color: #000;font-size: 14px;padding:10px;
		background: #789177;
	}

	/*============================= FOOTER PAGE END =========================================*/

	/*=============================== INDEX PAGE START ==========================================*/

		/*------------------------ SLIDER INDEX STARTED ---------------------------*/

		.slider{
			width: 100%;height:30vh;
			background:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url("images/about1.jpg");
			background-position: center;background-size: cover;
			position: relative;
		}
		.slider-Content{
			content: '';position: absolute;top: 50%;left: 50%;
			transform: translate(-50%,-50%);width: 80%;text-align: center;z-index: 100;
		}
		.slider-Content h6{
			font-size:15px;font-weight: 400;letter-spacing: 1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: center;color: #fff;
		}
		.slider-Content h6 span{
			display: inline-block;width: 10%;height: 1px ;background: #000;
		}
		.slider-Content h1{
			font-family: 'Playfair Display', serif;font-size: 40px;font-weight: 600;margin-top: 1vw;
			color: #fff;
		}
		.slider-form{
			width: 90%;background: #fff;margin-top: 0px;
			display: flex;flex-wrap: wrap;margin-left: 5%;
		}
		.sliderFormColumn{
			padding: 15px;width: 100%;text-align: left;
		}
		.sliderFormColumn h5{
			font-size: 14px;text-transform: uppercase;color: #000;
		}
		.sliderFormColumn input{
			width: 100%;height: 40px;padding:0 0 0.2vw 0;border: none;
			border-bottom: 2px solid #000;background: none;color: #000;
		}
		input:focus{
			outline: none;
		}
		.sliderFormColumn2{
			padding: 15px;width: 50%;text-align: left;
		}
		.sliderFormColumn2 h5{
			font-size: 14px;text-transform: uppercase;color: #000;
		}
		.sliderFormColumn2 input{
			width: 100%;height:40px;padding:0 0 0.2vw 0;border: none;
			border-bottom: 2px solid #000;background: none;color: #000;font-size: 18px;
		}
		.inputIncrease{
			position: relative;
		}
		.up{
			content: '';position: absolute;right: 0;top: -15%;width: 20px;height: 20px;
			border: none;color: #fff;background: none;font-size: 14px;
		}
		.down{
			content: '';position: absolute;right: 0;bottom: 10%;width:20px;height:20px;
			border: none;color: #fff;background: none;font-size: 14px;
		}
		.sliderBtn{
			width:100%;padding:10px;
		}
		.sliderBtn button{
			display: inline-block;width: 100%;height: 50px;text-align: center;background: #556e53;
			color: #fff;text-transform: uppercase;font-size:14px;border: none;font-weight: 600;
			letter-spacing:1.5px;
		}

		/*------------------------ ABOUT INDEX STARTED ---------------------------*/

		.abtIndex{
			background: #fff;padding:18px;width: 96%;margin-left: 2%;
			margin-top:15px;z-index: 10;
			position: relative;
		}
		.abtColumnCont{
			background: #dae4df;padding: 15px;text-align: center;
		}
		.abtColumnCont h3{
			color: #000;font-weight: 500;font-size: 18px;text-transform: uppercase;color: #3b3e47;
		}
		.abtColumnCont p{
			color: #000;font-size: 14px;margin-bottom: 0;color: #3b3e47;
		}
		.btnRow{
			display: flex;align-items: center;
		}
		.btnCol{
			width: 50%;
		}
		.btnCol a{
			display: inline-block;width: 100%;padding: 0.8vw 0;background: #3b3e47;text-align: center;
			color: #fff;text-decoration: none;text-transform: uppercase;
		}
		.pineForest{
			text-align: center;padding:15px;position: relative;
		}
		.pineForest::before{
			content: '';position: absolute;bottom: 0;right: 0;width: 100%;
			height: 100%;background: linear-gradient(rgba(233, 240, 233, 0.92),rgba(233, 240, 233, 0.92)), url('images/mountain.svg');
			background-position:top left;background-size: cover;
		}
		.pineForest h6{
			font-size: 15px;font-weight: 400;letter-spacing:1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: center;
		}
		.pineForest h6 span{
			display: inline-block;width: 10%;height: 1px ;background: #000;
		}
		.pineForest h1{
			font-family: 'Playfair Display', serif;font-size: 26px;font-weight: 600;
			margin-bottom:20px;
		}
		.pineForest p{
			font-size: 15px;
		}
		.pineForest h5{
			font-size: 18px;font-weight: 600;text-transform: uppercase;
		}
		.pineForest ul li{
			display: inline-block;padding:0 1vw;border-right: 1px solid #284501;font-size: 14px;font-weight: 600;
		}
		/*-------------------------------- ROOMS --------------------------------*/

		.rooms{
			padding: 36px 18px;background: #fff;
		}
		.bookRoom{
			background: #ebebeb;padding:15px;
		}
		.bookRoomContent h3{
			font-size: 18px;font-weight: 600;margin-top: 15px;
		}
		.bookRoomContent p{
			font-size: 15px;margin-bottom: 0;
		}
		.roomIc ul li{
			display: inline-block;margin-right:15px;margin-top: 15px;
		}
		svg{
			width: 30px;margin-right: 10px;
		}
		li.svg1 svg{
			width: 18px;
		}
		li.svg2 svg{
			width: 23px;
		}

		/*---------------------------------- AMENITIES -------------------------------------*/

		.amenities{
			padding:30px;background: #f7fff7;text-align: center;
		}
		.amenities h6{
			font-size:15px;font-weight: 400;letter-spacing:1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: center;
		}
		.amenities h6 span{
			display: inline-block;width: 10%;height: 1px ;background: #000;
		}
		.amenities h1{
			font-family: 'Playfair Display', serif;font-size: 26px;font-weight: 600;margin-bottom: 1vw;
		}
		.amenities p{
			font-size:15px;
		}
		.amenitiesRow{
			display: flex;align-items: center;justify-content: space-between;width: 100%;
			flex-wrap: wrap;
		}
		.amenitiesCol{
			background: #d3e3d3;padding: 0.8vw;display: flex;width:48%;
			display: flex;align-items: center;justify-content: space-between;
			margin: 1%;
		}
		.amenitiesIcon{
			width: 12%;
		}
		.amenitiesDetail{
			width: 80%;font-size: 12px;text-align: left;
		}
		.bedroombathroomAmenities{
			margin-top:0;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
			padding:15px 0;position: relative;
		}
		.roomAmenity{
			width:100%;
		}
		.roomAmenity h2{
			font-size: 20px;font-weight: 600;text-transform: uppercase;margin-bottom:12px;
		}
		.roomAmenitiesCol{
			display: flex;justify-content: space-between;flex-wrap: wrap;
		}
		.singleAmenit{
			width: 31%;margin: 1%;
		}
		.singleAMenityImg{
			width:80px;height:80px;background: rgba(255, 255, 255, 0.8);border-radius: 50%;position: relative;left: 50%;
			transform: translate(-50%);border: 3px solid #284501;
		}
		.singleAMenityImg img{
			width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
		}
		.singleAmenit h4{
			font-size: 12px;font-weight: 600;margin-top: 18px;text-transform: uppercase;
		}

		/*--------------------------------- INFOREMATION SECTION -------------------------------*/

		.infoSec{
			padding: 15px;
		}
		.infoSecLeft h6{
			font-size: 15px;font-weight: 400;letter-spacing:1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: left;
		}
		.infoSecLeft h6 span{
			display: inline-block;width: 15%;height: 1px ;background: #000;margin-right: 8px;
		}
		.infoSecLeft h1{
			font-family: 'Playfair Display', serif;font-size:26px;
			font-weight: 600;margin-bottom:18px;
		}
		.infoSecLeft p{
			font-size: 15px;text-align: justify;
		}
		.infoSecLeft ul li{
			font-size: 15px;
		}
		.infoSecRight h6{
			font-size: 15px;font-weight: 400;letter-spacing:1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: left;margin-top: 20px;
		}
		.infoSecRight h6 span{
			display: inline-block;width: 15%;height: 1px ;background: #000;margin-right: 8px;
		}
		.infoSecRight h1{
			font-family: 'Playfair Display', serif;font-size: 26px;font-weight: 600;
			margin-bottom: 18px;
		}
		.infoSecLeft p{
			font-size:15px;text-align: justify;
		}
		.indexTestimonial{
			padding: 10px;background: #d3e3d3;margin-top: 1.5vw;margin-bottom: 18px;
		}
		.reveiew{
			margin-top: 15px;
		}
		.reveiew h3{
			font-size: 18px;
		}
		.ytVideo{
			width: 100%;height: 200px;position: relative;
		}
		.ytVideo iframe{
			content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
		}
		.carouselArrow{
			position: absolute;content: '';bottom: 0;right: 0;width:60px;height: 30px;background: #284501;
			padding: 0.5vw;
		}
		.carousel-control-prev {
		  left: 15%;
		}
		.carousel-control-next {
		  right: 15%;
		}

		/*------------------------ INFO AND FAQ SECTION ----------------------------*/

		.faq{
			background: #e9f0e9;
		}
		.faqColumn{
			padding: 18px;
		}
		.faqColumn h6{
			font-size: 15px;font-weight: 400;letter-spacing: 1.5px;text-transform: uppercase;
			display: flex;align-items: center;justify-content: left;
		}
		.faqColumn h6 span{
			display: inline-block;width: 15%;height: 1px ;background: #000;margin-right:8px;
		}
		.faqColumn h1{
			font-family: 'Playfair Display', serif;font-size: 26px;font-weight: 600;
			margin-bottom: 18px;
		}
		.card{
			margin-top: 10px;background: none;border: none;
		}
		.card button{
			display: inline-block;width: 100%;height:auto;text-align: left;background: #c5d9c5;
			border: none;padding-left: 10px;border-radius: 30px;padding: 10px;
		}
		.card-body{
			border: 1px solid #97b096;margin-top: 10px;border-radius: 25px;
		}
		.imgBootom{
			width: 100%;height: 100%;background:url("images/hotel/12.jpg");content: '';position: absolute;
			top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;
		}


		/*=============================== INDEX PAGE END ======================================*/

		/*=============================== HEADER START ===================================*/

		.repHide{
			display: block;overflow: hidden;
		}
		.respoTpHeader{
			background: #556e53;
		}
		.respoTopHead{
			width: 33%;
		}
		.respoTopHead:nth-child(2){
			border-left: 1px solid #fff;border-right: 1px solid #fff;
		}
		.respoTopHead a{
			text-transform: uppercase;font-size: 14px;display: inline-block;
			width: 100%;padding: 10px 0;text-align: center;color: #fff;text-decoration: none;
		}
		.respLogo{
			padding: 10px;
		}
		.respLogo a{
			text-decoration: none;
		}
		.respLogo a h2{
			font-family: 'Playfair Display', serif;font-size: 26px;
			font-weight: 600;color: #000;margin-left: -20px;
		}
		.respLogo a p{
			font-size: 18pxx;
			font-weight: 600;color: #000;margin-top: -10px;margin-left: -20px;
		}
		.respLogo a img{
			margin-right: 10px;
		}
		.respLogo button{
			border: none;width: 45px;height: 45px;border: 1px solid #000;background: #b7ccb6;
			text-align: center;
		}
		.dropdownMenu{
			width: 100%;display: none;background: none;
		}
		.dropdownMenu ul li a{
			display: inline-block;width: 100%;padding: 15px;font-size: 15px;
			border-top: 1px solid #b7ccb6;text-transform: uppercase;color: #000;
			text-decoration: none;
		}
		.dropdownMenu ul li a:hover{
			background: #b7ccb6;
		}

		/*============================= HEADER END ==================================*/

		/*=========================== BREADCUMB STARTED ===============================*/

		.breadcumb{
			padding: 6vw 6vw 10vw 6vw;overflow: hidden;
			background: url('images/breadcumb.jpg');text-align: left;background-position: center;background-size: cover;
		}
		.breadcumb h2{
			font-size: 28px;font-family: 'Playfair Display', serif;font-size:28px;
			font-weight: 600;
		}
		.breadcumb h5{
			font-size:15px;font-weight: 600;
		}


		/*=========================== BREADCUMB STARTED ===============================*/

		/*=========================== CONTACT STARTED ===============================*/

		.contact{
			padding: 18px;
		}
		.contactDetail{
			padding: 15px;background: #b3c9b1;width: 100%;
		}
		.contactDetail:nth-child(2){
			margin-top: 15px;
		}
		.contactDetail:nth-child(3){
			margin-top: 15px;
		}
		.conIcon{
			width: 40px;height: 40px;border: 1px solid #000;font-size: 22px;text-align: center;
			line-height: 1.8;margin-left: 15px;
		}
		.conDetails{
			margin-left: 10px;font-size: 15px;
		}
		.contactForm{
			padding: 15px;background: #b3c9b1;margin-top: 18px;
		}
		.contactForm h3{
			font-size:20px;text-transform: uppercase;font-weight: 600;
		}
		.contactForm input{
			width: 100%;height:40px;padding: 10px;font-size:14px;
		}
		.marTophalf{
			margin-top: 10px;
		}
		.contactForm textarea{
			width: 100%;height:100px;padding:10px;font-size: 14px;
		}
		.contactForm textarea:focus{
			outline: none;
		}
		.contactForm button{
			width: 100%;display: inline-block;height:60px;background: #556e53;
			text-transform: uppercase;font-size: 15px;
			border: none;color: #fff;letter-spacing:1px;
		}
		.contactForm button:hover{
			background: #475e45;
		}
		.map{
			width: 100%;height:250px;position: relative;
		}
		.map iframe{
			content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
		}

		/*=========================== CONTACT END ===============================*/
		/*=========================== ABOUT START ===============================*/

		.aboutPage{
			padding: 18px;overflow: hidden;
		}
		.aboutPage h5{
			text-transform: uppercase;letter-spacing: 1.5px;font-size: 15px;margin-top: 15px;
		}
		.aboutPage h2{
			font-size: 25px;font-family: 'Playfair Display', serif;
			font-weight: 600;
		}
		.aboutPage span{
			display: inline-block;width: 15%;height: 1px;background: #000;margin-right: 15px;
		}
		.aboutPage p{
			text-align: justify;font-size:15px;
		}
		.waysToReach{
			padding: 2.5vw;background: #fff;overflow: hidden;
		}
		.waysToReach h2{
			font-size: 25px;font-family: 'Playfair Display', serif;
			font-weight: 600;
		}
		.line{
			display: inline-block;width: 28%;height: 3px;background: #9eb69d;
		}
		.waysToReach p{
			margin-top: 1vw;text-align: justify;margin-bottom:18px;font-size:15px;
		}
		.abtVideo{
			width: 100%;height:200px;position: relative;margin-top: 1vw;margin-bottom: 15px;overflow: hidden;
		}
		.abtVideo iframe{
			content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
		}
		.faciRow{
			display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
		}
		.faciCol{
			width: 120px;height: 120px;border: 1px solid #000;margin: 1.5%;
		}
		.faciIcon{
			text-align: center;
		}
		.faciIcon img{
			width: 40%;
		}
		.faci-name{
			font-weight: 600;text-transform: uppercase;font-size:12px;text-align: center;
			padding: 10px;
		}

		/*=========================== ABOUT END ===============================*/

		/*====================== AVAILABLE ROOM START ===========================*/

		.availableRoom{
			padding:18px 36px;
		}
		.availableRoomWrapper{
			padding:5px;
		}
		.availableRoomWrapper h3{
			font-size:21px;font-weight: 600;margin-top: 15px;
		}
		.availableRoomWrapper p{
			font-size:15px;
		}
		.availableRoomWrapper h4{
			font-size: 15px;font-weight: 600;
		}
		.availableRoomWrapper h2{
			font-size: 18px;font-weight: 600;
		}
		.bookNoWbtn a{
			display: inline-block;width: 100%;padding: 8px;background: #7c9979;
			color: #000;font-size:15px;font-weight: 600;text-transform: uppercase;
			text-align: center;text-decoration: none;margin-bottom: 12px;
		}
		.room-img{
			width: 100%;height:300px;background: #ebebeb;margin-top: 15px;
		}
		.availableRoomCol{
			margin-top: 15px;background: #c9e3c8;padding: 1vw;position: relative;
		}
		.availableRoomCol:nth-child(1){
			margin-top: 0;
		}
		.booked{
			content: '';position: absolute;left: 4%;top: 7%;padding:7px 15px;background: red;
			color: #fff;font-weight: 600;font-size: 15px;
		}


		/*====================== AVAILABLE ROOM START ===========================*/

		/*============================= FAQ'S START ===============================*/

		.faqs{
			padding: 3vw 7vw;
		}
		.faqWrapper{
			width: 100%;padding: 2vw;background: none;
		}

		/*============================= FAQ'S END ===============================*/
		/*=========================== GALLERY START ===============================*/

		.galleryPage{
			padding:18px;
		}
		#gallery {;
		  @media screen and (min-width: 991px) {
		   
		  }
		}

		.img-wrapper {
		  position: relative;
		  margin-top: 15px;
		  img {
		    width: 100%;
		  }
		}
		.img-overlay {
		  background: rgba(0,0,0,0.7);
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  opacity: 0;
		  i {
		    color: #fff;
		    font-size: 3em;
		  }
		}

		#overlay {
		  background: rgba(0,0,0,0.7);
		  width: 100%;
		  height: 100%;
		  position: fixed;
		  top: 0;
		  left: 0;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  z-index: 999;
		  // Removes blue highlight
		  -webkit-user-select: none;
		  -moz-user-select: none;    
		  -ms-user-select: none; 
		  user-select: none; 
		  img {
		    margin: 0;
		    width: 80%;
		    height: auto;
		    object-fit: contain;
		    padding: 5%;
		    @media screen and (min-width:768px) {
		        width: 60%;
		    }
		    @media screen and (min-width:1200px) {
		        width: 50%;
		    }
		  }
		}

		#nextButton {
		  color: #fff;
		  font-size: 2em;
		  transition: opacity 0.8s;
		  &:hover {
		    opacity: 0.7;
		  }
		  @media screen and (min-width:768px) {
		    font-size: 3em;
		  }
		}

		#prevButton {
		  color: #fff;
		  font-size: 2em;
		  transition: opacity 0.8s;
		  &:hover {
		    opacity: 0.7;
		  }
		  @media screen and (min-width:768px) {
		    font-size: 3em;
		  }
		}

		#exitButton {
		  color: #fff;
		  font-size: 2em;
		  transition: opacity 0.8s;
		  position: absolute;
		  top: 15px;
		  right: 15px;
		  &:hover {
		    opacity: 0.7;
		  }
		  @media screen and (min-width:768px) {
		    font-size: 3em;
		  }
		}
		.img-wrapper a img{
			height: auto;
		}

		/*=========================== GALLERY END ===============================*/
		/*=========================== ROOM BOOK START ===============================*/

		.bookForm{
			padding:18px;
		}
		.bookForm label{
			font-size: 15px;font-weight: 600;margin-top: 0.5vw;
		}
		.bookForm input{
			width: 100%;height: 40px;padding: 8px;border: 1px solid #9eb69d;
		}
		.bookForm select{
			width: 100%;height: 40px;padding:8px;background: #fff;border: 1px solid #9eb69d;
		}
		.rommBtn{
			display: inline-block;width: 100%;height:40px;text-align: center;margin-top: 15px;
			text-transform: uppercase;font-size: 15px;background: #7c9979;color: #fff;border: none;
		}
		.rommBtn:hover{
			background: #556e53;
		}
		.inputIncreases{
			position: relative;
		}
		.ups{
			content: '';position: absolute;right: 0;top: 0%;width: 20px;height: 20px;
			border: none;color: #fff;background: #7c9979;font-size: 14px;text-align: center;line-height: 1.1;
		}
		.downs{
			content: '';position: absolute;right: 0;bottom: 0%;width: 20px;height: 20px;
			border: none;color: #fff;background: #7c9979;font-size: 14px;text-align: center;line-height: 1.1;
		}
		.ups:hover{
			color: #fff;
		}
		.downs:hover{
			color: #fff;
		}

		/*=========================== ROOM BOOK END ===============================*/
		.coleLeft{
			width: 100%;
		}
		.coleRight{
			width: 100%;
		}
		.abtFewImg{
			flex-wrap: wrap;width: 100%;display: flex;
		  align-items: stretch;height: 100%;justify-content: space-between;
		}
		.abtFewImgCol{
			width: 48%;border-radius: 25px;height: 400px;background: #ebebeb;display: flex;align-items: stretch;
		}


		.nearbyAttraction{
			padding:30px 30px 0 30px;background: #f7fff7;
		}
		.nearbyAttraction h5{
			font-size: 18px;font-weight: 600;text-transform: uppercase;text-align: center;
		}
		.locationsContainer{
			margin-top: 1vw;display: flex;justify-content: space-between;
			flex-wrap: wrap;
		}
		.locationColumn{
			width: 14%;text-align: center;display: flex;flex-direction: column;justify-content: center;margin: 10px;
		}
		.locationImg{
			width: 100%;height:170px;background: #ebebeb;border-radius: 50%;border: 4px solid #284603;
		}
		.locationText{
			width: 100%;text-align: center;margin-top:18px;
		}
		.locationText h5{
			font-size: 14px;font-weight: 600;margin-bottom: 0.3vw;
		}
		.locationText p{
			font-style: italic;font-size: 12px;font-weight: 400;
		}
		.slick-prev::before, .slick-next::before {
		  color: #000;
		}
		.policy{
			padding:15px;width: 100%;
		}
		.policyWrapper{
			padding: 15px;border-radius: 12px;background: #f7fff7;font-size: 18px;text-align: center;
		}

}