html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;
	box-sizing: border-box;font-family: "Inter", sans-serif;
}
.headerOverlay{
	width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.7);z-index: 10000;top: 0;left: 0;
	content: '';display: none;
}
.mainBookingForm{
	position: absolute;top: 50%;left: 50%;width: 30%;background: #fff;transform: translate(-50%,-50%);
}
.top-header{
	width: 100%;padding: 0.4vw 12vw;background: #d68800;display: flex;justify-content: space-between;
	flex-wrap: wrap;
}
.paymentSection{
	width: 50%;
}
.paymentSection ul li{
	display: inline-block;margin-right: 1vw;
}
.paymentSection ul li a{
	color: #fff;font-size: 0.7vw;font-weight: 400;text-decoration: none;text-transform: uppercase;
}
.paymentSection ul li a:hover{
	color: #ffebcc;
}
.review_contactHeader{
	width: 50%;display: flex;align-items: center;justify-content: right;
}
.review_contactHeader ul li{
	display: inline-block;margin-right: 1vw;
}
.review_contactHeader ul li a{
	color: #fff;font-size: 0.7vw;font-weight: 400;text-decoration: none;text-transform: uppercase;
}
.review_contactHeader ul li a:hover{
	color: #ffebcc;
}
.header{
	width: 100%;padding: 0.5vw 12vw;border-bottom: 1px solid #ebebeb;display: flex;justify-content: space-between;
	flex-wrap: wrap;background: #fff9f0;
}
.logo{
	width: 15%;display: flex;align-items: center;
}
.menu{
	width: 60%;display: flex;align-items: center;justify-content: right;
}
.menu ul li{
	display: inline-block;margin-right: 2vw;
}
.menu ul li a{
	color: #000;font-size: 0.8vw;font-weight: 400;text-decoration: none;text-transform: uppercase;
}
.menu ul li a:hover{
	color: #d68800;
}
.bookingBtn{
	width: 17%;display: flex;align-items: center;
}
.bookingBtn a{
	width: 100%;display: block;padding: 0.4vw 1vw;background: #4fa300; color: #fff;display: flex;
	align-items: center;justify-content: center;text-decoration: none;border-radius: 25px;font-size: 0.8vw;
	text-transform: uppercase;
}
.bookingBtn a:hover{
	background: #d68800;
}

/*--------------------- FOOTER --------------------------*/
.moveToTop{
	width: 2.5vw;height: 2.5vw;border-radius: 50%;border: none;position: fixed;right: 2%;bottom: 3%;
	font-size: 1vw;background: #d68800;color: #fff;
}
.whatsapp{
	width: 2.5vw;height: 2.5vw;border-radius: 50%;border: none;position: fixed;left: 2%;bottom: 3%;
	font-size: 1vw;background: #d68800;color: #fff;display: flex;align-items: center;justify-content: center;
	text-decoration: none;color: #fff;
}
.whatsapp:hover{
	color: #fff;text-decoration: none;
}
.footer{
	background: #fcf0de;width: 100%;padding: 4vw 8vw 0vw 8vw;display: flex;justify-content: space-between;
}
.footerColumnOne{
	width:22%;
}
.footerColumnOne img{
	width: 70%;
}
.footerColumnOne p{
	margin-top: 1vw;font-size: 0.8vw;
}
.footerColumnTwo{
	width: 20%;
}
.footerContactRow{
	display: flex;justify-content: space-between;margin-bottom: 0.8vw;
}
.footer-Ic{
	width: 10%;font-size: 0.8vw;
}
.footer-Detail{
	font-size: 0.8vw;width: 90%;
}
.footerColumnThree{
	width: 11%;
}
.footerColumnThree ul li{
	margin-bottom: 0.5vw;
}
.footerColumnThree ul li a{
	color: #000;font-size: 0.8vw;font-weight: 400;text-decoration: none;
}
.footerColumnFour{
	width:9%;
}
.footerColumnFour ul li{
	margin-bottom: 0.5vw;
}
.footerColumnFour ul li a{
	color: #000;font-size: 0.8vw;font-weight: 400;text-decoration: none;
}
.footerColumnFive{
	width: 22%;
}
.footerColumnFive p{
	font-size: 0.8vw;
}
.footerEmail{
	position: relative;
}
.footerColumnFive input{
	width: 100%;padding: 0.5vw;border: 1px solid #000;font-size: 0.8vw;height: 2.5vw;
}
.footerEmail button{
	content: '';position: absolute;right: 0;top: 0;width: 2.5vw;height: 2.5vw;background: #d68800;
	border:none;color: #fff;display: flex;align-items: center;justify-content: center;
	z-index: 1;font-size: 1vw;
}
.social-media{
	display: flex;
}
.social-media a{
	width: 2.2vw;height: 2.2vw;background: #d68800;display: flex;align-items: center;justify-content: center;
	font-size: 1vw;margin-right: 0.5vw;color: #fff;text-decoration: none;
}

.footer h2{
	padding:0 0 0 1.2vw;border-left: 2px solid #000;margin-bottom: 1.2vw;font-size: 1.5vw;
	font-family: "Cormorant", serif;font-weight: 500;
}
input:focus{
	outline: none;
}

.copyright{
	background: #fcf0de;padding:1vw 8vw 2vw 8vw;text-align: center;font-size: 0.8vw;
}
hr{
	margin-bottom: 1.5vw;
}
/*---------------------------------- BREADCUMB -----------------------------------*/

.breadcumb{
	width: 100%;padding: 2vw 10vw;background: url('../images/breadcumb.jpg');text-align: center;
	background-position: center;background-size: cover;
}
.breadcumb h1{
	font-size: 3vw;font-family: "Cormorant", serif;font-weight: 800;color: #fff;
}
.breadcumb p{
	font-size: 0.9vw;margin-bottom: 0;color: #fff;
}
.breadcumb p a{
	color: #000;text-decoration: none;color: #fff;
}

/*------------------------- CONTACT ---------------------------------*/

.contact{
	width: 100%;padding:2vw;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;
}
.left-contact{
	width: 60%;background: #fff9f0;padding:2vw;
}
.left-contact h6{
	font-size: 0.7vw;text-transform: uppercase;font-weight: 400;
}
.left-contact h2{
	font-size: 2.5vw;font-family: "Cormorant", serif;font-weight: 800;
}
.left-contact p{
	font-size: 0.8vw;margin-bottom: 0;
}
.contactRow{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.contactInput{
	width: 49%;
}
.contactInput input{
	width: 100%;padding: 0.5vw;font-size: 0.8vw;height: 2.5vw;margin-top: 1vw;background: none;border: 1px solid #fcc879;
}
.contactInput select{
	width: 100%;padding: 0.5vw;font-size: 0.8vw;height: 2.5vw;margin-top: 1vw;background: none;border: 1px solid #fcc879;
}
.contactInput textarea{
	width: 100%;padding: 0.5vw;font-size: 0.8vw;height:6vw;margin-top: 1vw;background: none;border: 1px solid #fcc879;
}
textarea:focus{
	outline: none;
}
.contactRow button{
	width: 100%;height: 3vw;display: flex;align-items: center;justify-content: center;font-size: 0.9vw;
	text-transform: uppercase;background: #d68800;color: #fff;text-decoration: none;border: none;
	margin-top: 1vw;
}
.right-contact{
	width: 35%;background: #ebebeb;display: flex;align-items: center;justify-content: center;
	font-size: 2vw;text-transform: uppercase;text-align: center;
}
.contact-Details{
	padding: 0;display: flex;justify-content: space-between;
}
.contactDetailsColumn{
	width:50%;
}
.contactDetailsColumn{
	display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 2vw 2vw 2vw;
}
.contactIc{
	width: 4vw;height: 4vw;background: #d68800;display: flex;align-items: center;justify-content: center;
	border-radius: 50%;font-size: 1.2vw;color: #fff;
}
.contactDetailCol{
	width: 85%;
}
.contactDetailCol h2{
	font-size: 1.8vw;font-family: "Cormorant", serif;font-weight: 800;
}
.contactDetailCol p{
	font-size: 0.9vw;margin-bottom: 0;
}
.map{
	width: 100%;height: 45vh;background: #ebebeb;position: relative;margin-top: 1vw;
}
.map iframe{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/*----------------------------- FAQ ----------------------------------*/

.faq{
	padding: 3vw 8vw;
}
.faq h6{
	font-size: 0.8vw;text-transform: uppercase;
}
.faq h2{
	font-size: 2.5vw;font-weight: 600;font-family: "Cormorant", serif;margin-bottom: 1vw;
}
.faq ul{
	display: flex;justify-content: space-between;
}
.faq li{
	display: inline-block;width: 16%;
}
.faq li button{
	display: block;width: 100%;font-size: 0.75vw;text-transform: uppercase;padding: 0.7vw 0.1vw;background: #fce5c5;
	color: #000;border: none;
}
button.active{
	background: #d68800 !important;color: #fff;
}
#accordion button{
	display: block;width: 100%;padding: 0.7vw 1.5vw;background: #fff9f0;border: none;text-align: left;
	font-family: "Cormorant", serif;font-size: 1.3vw;font-weight: 600;
}
.marTp1vw{
	margin-top: 1vw;
}
.accordionBody{
	background: #fff9f0;font-size: 0.8vw;padding: 0vw 1.5vw 1vw 1.5vw;
}

/*--------------------------- GALLERY -------------------------------------*/

.gallery{
	padding: 3vw 10vw;text-align: center;
}
.gallery h6{
	font-size: 0.8vw;text-transform: uppercase;margin-bottom: 0;
}
.gallery h2{
	font-family: "Cormorant", serif;font-size: 3vw;font-weight: 600;margin-bottom: 1vw;
}
.gallery p{
	width: 60%;font-size: 0.9vw;position: relative;transform: translateX(-50%);left: 50%;
}
.galleryrow{
	display: flex;width: 100%;flex-wrap: wrap;
}
.galleryCol{
	width: 24%;height: 30vh;background: #ebebeb;margin: 0.5%;
}
.galleries {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.galleries div {
    display: none; /* Initially hidden, handled via JS */
    margin: 1vw;width: 100%;
 }
.galleries img {
    width: 30%;
    height:30vh;
    object-fit: cover;
    border-radius: 5px;margin: 0.5vw;
}
.gallery-section {
   text-align: center;
}
.tabs{
	text-align: center;width: 100%;
}
.tabs button {
    margin:1vw; cursor: pointer;background: transparent;font-weight: 500;
    border: none;transition: background-color 0.3s;font-size: 0.9vw;text-transform: uppercase;
}
.tabs button.active {
    color: #fff;
}

/*----------------------- ABOUT US --------------------*/

.about{
	padding: 3VW 10VW;display: flex;flex-wrap: wrap;justify-content: space-between;
	background: #faf8f5;
}
.leftAbout{
	width: 40%;background: #ebebeb;height: 60vh;position: relative;
}
.aboutImageTop{
	position: absolute;top:58%;right: -30%;width:60%;height: 25vh;background: grey;transform: translateY(-50%);
	border: 0.8vw solid #faf8f5;
}
.rightAbout{
	width: 55%;display: flex;align-items: center;
}
.rightAbout h6{
	font-size: 0.8vw;text-transform: uppercase;
}
.rightAbout h1{
	font-family: "Cormorant", serif;font-size: 2.8vw;font-weight: 600;
}
.detailsAbout{
	font-size: 0.8vw;width: 80%;margin-left:20%;
}
.detailsAbout ul{
	margin-bottom: 1vw !important;
}
.detailsAbout ul li{
	width: 48%;display: inline-block;
}
.aboutIconsRow{
	width: 100%;display: flex;background: #faf8f5;padding: 2vw 10vw 3vw 10vw;
}
.aboutIc{
	width: 100%;border-right: 1px solid #000;padding:1vw 2vw;text-align: center;
}
.aboutIc:last-child{
	border: none;
}
.abtIcIcon{
	width: 50%;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 0.5vw;
}
.aboutIc h3{
	font-size:0.9vw;font-family: "Cormorant", serif;font-weight: 700;text-transform: uppercase;
}
.abtIcIcon img{
	width: 100%;
}
.aboutSecond{
	width: 100%;padding: 3vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.abtSecondRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftAbtSecond{
	width: 48%;display: flex;align-items: center;
}
.leftAbtSecond h6{
	font-size: 0.8vw;text-transform: uppercase;
}
.leftAbtSecond h1{
	font-family: "Cormorant", serif;font-size: 2.8vw;font-weight: 600;line-height: 1;margin-bottom: 1vw;
}
.leftAbtSecond p{
	font-size: 0.8vw;
}
.rightAbtSecond{
	width: 48%;
}
.rightAboutRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;align-items: center;
}
.abtSecOneImg{
	width: 48%;background: #ebebeb;height: 50vh;
}
.abtSecSecondImg{
	width: 48%;background: #ebebeb;height: 45vh;
}
.testimonials{
	width: 100%;padding: 3vw 10vw;background: url('../images/Testimonials-bg-final.jpg');
	background-size: cover;background-position: center;position: relative;
}
.testimonials h6{
	text-align: center;font-size: 0.8vw;text-transform: uppercase;text-align: center;position: relative;z-index: 100;
}
.testimonials h1{
	font-family: "Cormorant", serif;font-size: 2.8vw;font-weight: 600;text-align: center;position: relative;
	z-index: 100;margin-bottom: 2vw;
}
.testimonials::before{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(250, 248, 245, 0.8);
}
.testimonialRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 100;
}
.testimonialColumn{
	width: 25%;border-right: 1px solid #000;
}
.testimonialColumn:last-child{
	border: none;
}
.testimonialMessage{
	padding: 1.2vw 2vw;border-bottom: 1px solid #000;font-size: 0.8vw;
}
.testimonialName{
	display: flex;justify-content: space-between;width: 100%;padding: 1vw 2vw;
}
.testimonialImage{
	padding: 1.2vw 2vw;display: flex;justify-content: space-between;width: 7%;height: 2vw;display: flex;align-items: center;
	font-size: 1.1vw;
}
.testimonialAuthorName{
	font-family: "Cormorant", serif;font-size: 1.2vw;font-weight: 600;width: 90%;display: flex;align-items: center;
}

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

.rooms{
	width: 100%;padding: 3vw 10vw;
}
.rooms h6{
	text-align: center;font-size: 0.8vw;text-transform: uppercase;text-align: center;
	position: relative;z-index: 100;
}
.rooms h1{
	font-family: "Cormorant", serif;font-size: 2.8vw;font-weight: 600;text-align: center;position: relative;
	z-index: 100;
}
.rooms p{
	font-size: 0.8vw;text-align: center;margin-bottom: 1.2vw;width: 50%;position: relative;transform: translateX(-50%);
	left: 50%;
}
.roomsRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.roomsColumn{
	width: 100%;margin-bottom: 1.2vw;display: flex;justify-content: space-between;
}
.roomsImage{
	width: 40%;height: 45vh;background: #ebebeb;
}
.room-details{
	border: 1px solid #d68800;;padding:1.2vw 1vw;width: 57%;
}
.room-details h2{
	font-family: "Cormorant", serif;font-size: 1.8vw;font-weight: 600;
}
.room-details p{
	width: 100%;text-align: left;font-size: 0.8vw;margin-bottom: 0.5vw;text-decoration: none;
}
.room-details ul li{
	display: inline-block;margin-right: 0.5vw;font-size: 0.8vw;margin-bottom: 0.5vw;
	background: #ebebeb;padding: 0.3vw 0.5vw;
}
.room-details a{
	font-size: 0.8vw;color: #000;text-transform: uppercase;margin-top: 1vw;display: block;
}
.room-details a:hover{
	text-decoration: none;color: #d68800;
}
.bookRoomDetail{
	padding: 0.5vw 1vw;background: #d68800;width: 40%;color: #fff !important;text-align: center;
}
.bookRoomDetail:hover{
	color: #fff !important;
}

/*---------------------- INDEX START ---------------------------------*/

.slider{
	width: 100%;
}
.arrowCarousel{
	content: '';position: absolute;right: 0;bottom: 0;width: 6%;height: 6vh;background: #d68800;
}
.carousel-control-prev{
	width: 30% !important;
}
.carousel-control-next{
	width: 30% !important;
}
.checkInForm{
	background: #fcecd4;padding:1vw 10vw 0vw 10vw;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.checkInFormCol{
	width: 19%;
}
.checkInFormCol label{
	font-size: 1.2vw;font-family: "Cormorant", serif;font-weight: 600;color: #000;
}
.checkInFormCol input{
	width: 100%;padding: 0.5vw;height: 2.7vw;border: 1px solid #000;background: transparent;color: #000;
}
.checkInFormCol:nth-child(5){
	display: flex;align-items: flex-end;
}
.checkInFormCol button{
	width: 100%;height: 2.7vw;background: #d68800;display: flex;align-items: center;justify-content: center;
	font-size: 1vw;font-family: "Cormorant", serif;font-weight: 600;border: none;color: #fff;
}
.abtPatternImg{
	content: '';position: absolute;left: 0;top: 0;width: 20%;
}
.indexRooms{
	background: #fcecd4;padding: 3vw 10vw;display: flex;justify-content: space-between;flex-wrap: wrap;
	align-items: stretch;
}
.leftIndexRooms{
	width: 50%;
}
.rightIndexRooms{
	width: 47%;
}
.indexRooms h6{
	font-size: 0.8vw;text-transform: uppercase;
}
.indexRooms h2{
	font-size:2vw;font-family: "Cormorant", serif;font-weight: 600;color: #000;
}
.indexRoomsRow{
	display: flex;justify-content: space-between;
}
.indRoomColumns{
	width: 48%;padding: 1vw;background: #ffca7a;
}
.indRoomIng{
	width: 100%;height:25vh;background: #ebebeb;
}
.indRoomDetails{
	padding: 1vw 0;text-align: center;
}
.indRoomDetails h2{
	font-family: "Cormorant", serif;font-weight: 600;font-size: 1.7vw;
}
.indRoomDetails h6{
	font-size: 0.8vw;font-weight: 500;text-transform: uppercase;margin-bottom: 0.5vw;
}
.indRoomDetails ul li{
	display: inline-block;width: 2.2vw;height: 2.2vw;margin: 0.2vw;
	margin-bottom: 1vw !important;border: 1px solid #000;padding: 0.3vw;
}
.indRoomDetails a{
	font-size: 0.9vw;font-family: "Cormorant", serif;font-weight: 600;color: #000;text-decoration: underline;
}
.video_facilities{
	width: 100%;display: flex;flex-wrap: wrap;
}
.video{
	width: 100%;background: #ebebeb;height: 80%;
}
.facility{
	width: 100%;padding:3vw 8vw;background: #fff9f0;
}
.facility h6{
	font-size: 0.8vw;font-weight: 500;text-transform: uppercase;margin-bottom: 0.5vw;
}
.facility h2{
	font-family: "Cormorant", serif;font-weight: 600;font-size: 2.2vw;margin-bottom: 1.2vw;
}
.facilityRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
}
.facilityCol{
	width: 32%;display: flex;justify-content: space-between;
}
.facilityIcon{
	width: 15%;display: flex;align-items: center;
}
.facilityDetails{
	width: 80%;
}
.facilityDetails h3{
	font-size:1.6vw;font-family: "Cormorant", serif;font-weight: 600;
}
.video{
	position: relative;display: flex;align-items: center;justify-content: center;
}
.video::before{
	content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
.video button{
	width: 6vw;height: 6vw;background: #fff9f0;font-size: 2vw;border-radius: 50%;
	display: flex;align-items: center;justify-content: center;z-index: 10;border: none;
}
.meals{
	background: #ffd89e;padding: 3vw 10vw;display: flex;flex-wrap: wrap;
}
.mealsImage{
	width: 35%;background: #ebebeb;height: 60vh;
}
.mealsContent{
	width:45%;padding: 2vw;
}
.mealImgTwo{
	width: 20%;
}
.mealContText{

}
.mealContText h6{
	font-size: 0.8vw;font-weight: 500;text-transform: uppercase;margin-bottom: 0.5vw;margin-left: 0vw;color: #000;
}
.mealContText h1{
	font-size:2.5vw;font-family: "Cormorant", serif;font-weight: 600;margin-left: 0vw;color: #000;
}
.mealContText p{
	font-size: 0.8vw;margin-top: 1vw;color: #000;text-align: justify;
}
.mealTwoFirst{
	width: 100%;height: 40vh;background: #ebebeb;
}
.mealTwoSecond{
	width: 100%;height: 20vh;background: #ebebeb;margin-top: 1vw;margin-left: -5vw;
}
/*----------------------------------- TERMS AND CONDITIONS -----------------------------------------*/

.termsandconditions{
	padding: 3vw 10vw;
}
.termsandconditions h3{
	font-size: 1vw;
}
.termsandconditions ul li{
	font-size: 0.8vw;
}

/*-------------------------------------- SINGLE ROOM -----------------------------------*/

.singleroom{
	padding: 3vw 10vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftColRoom{
	width: 70%;
}
.rightColRoom{
	width: 25%;
}
.hotelBg{
	width: 100%;height: 50vh;background: #ebebeb;
}
.hotelDetails{
	width: 100%;padding: 1vw;border: 1px solid #ebebeb;
}
.sightseeing{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1vw;
}
.sightseeingColumn{
	width: 20%;height: 22vh;background: #ebebeb;border-radius: 50%;border: 1px solid #ebebeb;
}
.singleroom h2{
	font-size:2.2vw;font-family: "Cormorant", serif;font-weight: 600;margin-left: 0vw;color: #8b282c;
}
.singleroom p{
	font-size: 0.8vw;text-align: justify;
}
.singleroom ul{
	margin-bottom: 1vw !important;
}
.singleroom ul li{
	font-size: 0.8vw;margin-bottom: 0.5vw;
}
.singleroom h3{
	font-size: 1.2vw;font-weight: 600;margin-bottom: 0.5vw;color: #8b282c;
}
.bookingFOrm{
	width: 100%;
}
.bookingHeading{
	width: 100%;padding: 0.5vw;background: #d68800;color: #fff;font-size: 1vw;font-weight: 600;
	text-transform: uppercase;text-align: center;
}
.bookingDetailsCOlumn{
	padding: 0.8vw;border: 1px solid #ebebeb;
}
.bookingDetailsCOlumn label{
	font-size: 0.8vw;
}
.bookingDetailsCOlumn input{
	font-size: 0.8vw;width: 100%;height: 2.5vw;padding: 0.5vw;margin-bottom: 0.5vw;
}
.bookingDetailsCOlumn select{
	font-size: 0.8vw;width: 100%;height: 2.5vw;padding: 0.5vw;margin-bottom: 0.5vw;
}
.bookingDetailsCOlumn button{
	width: 100%;height: 2.5vw;display: flex;align-items: center;justify-content: center;font-size: 0.9vw;
	text-transform: uppercase;color: #fff;background: #d68800;border: none;
}
button.closeBtn{
	position: absolute;right: 0;top: 0;width: 2.5vw;height: 2.5vw;background: #000;color: #fff;
	font-size: 1vw;display: flex;align-items: center;justify-content: center;border: none;
}

/*----------------------------------- RESPONSIVE --------------------------------------------*/

@media(max-width:768px){
	/*----------------- HEADER ------------------------*/
	.headerOverlay{
		width: 100%;height: 100%;position: fixed;background: rgba(0, 0, 0, 0.7);z-index: 10000;top: 0;
		left: 0;content: '';
	}
	.mainBookingForm{
		position: absolute;top: 50%;left: 50%;width: 80%;background: #fff;transform: translate(-50%,-50%);
	}
	.resp-topHeader{
		width: 100%;display: flex;background: #d68800;
	}
	.resp-topHeader a{
		width: 100%;padding: 5px;text-align: center;color: #fff;text-decoration: none;
		border-right: 1px solid #ebebeb;font-size: 15px;text-transform: uppercase;
	}
	.header-resp{
		width: 100%;padding:8px 12px;border-bottom: 1px solid #ebebeb;display: flex;justify-content: space-between;
		background: #fff9f0;
	}
	.resp-logo{
		width: 50%;display: flex;align-items: center;
	}
	.resp_btn{
		width: 15%;display: flex;align-items: center;justify-content: right;
	}
	.resp_btn button{
		width: 45px;height: 45px;border: 1px solid #000;font-size: 18px;display: flex;align-items: center;
		justify-content: center;background: transparent;
	}
	.dropDown{
		width: 100%;background: #ffff;display: none;
	}
	.dropDown ul li a{
		display: block;width: 100%;padding: 8px 14px;font-size: 15px;border-bottom: 1px solid #ebebeb;color: #000;
		text-decoration: none;text-transform: uppercase;
	}
	.dropDown ul li a:hover{
		background: #d68800;color: #ffff;
	}
	/*--------------------- FOOTER --------------------------*/

	.whatsapp{
		width: 45px;height: 45px;border-radius: 50%;border: none;position: fixed;left: 2%;bottom: 2%;
		font-size: 18px;background: #d68800;color: #fff;display: flex;align-items: center;justify-content: center;
		text-decoration: none;color: #fff;
	}
	.moveToTop{
		width: 45px;height: 45px;border-radius: 50%;border: none;position: fixed;right: 2%;bottom: 2%;
		font-size: 18px;background: #d68800;color: #fff;
	}
 	.footer{
		background: #fcf0de;width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footerColumnOne{
		width:100%;
	}
	.footerColumnOne img{
		width:50%;
	}
	.footerColumnOne p{
		margin-top: 18px;font-size: 15px;
	}
	.footerColumnTwo{
		width: 100%;
	}
	.footerContactRow{
		display: flex;justify-content: space-between;margin-bottom:10px;flex-wrap: wrap;
	}
	.footer-Ic{
		width: 10%;font-size: 18px;
	}
	.footer-Detail{
		font-size: 15px;width: 90%;
	}
	.footerColumnThree{
		width: 100%;
	}
	.footerColumnThree ul li{
		margin-bottom: 10px;
	}
	.footerColumnThree ul li a{
		color: #000;font-size: 15px;font-weight: 400;text-decoration: none;
	}
	.footerColumnFour{
		width: 100%;
	}
	.footerColumnFour ul li{
		margin-bottom: 10px;
	}
	.footerColumnFour ul li a{
		color: #000;font-size: 15px;font-weight: 400;text-decoration: none;
	}
	.footerColumnFive{
		width:100%;
	}
	.footerColumnFive p{
		font-size:15px;
	}
	.footerEmail{
		position: relative;
	}
	.footerColumnFive input{
		width: 100%;padding: 8px;border: 1px solid #000;font-size:15px;height:45px;
	}
	.footerEmail button{
		content: '';position: absolute;right: 0;top: 0;width: 45px;height: 45px;background: #d68800;
		border:none;color: #fff;display: flex;align-items: center;justify-content: center;
		z-index: 1;font-size: 17px;
	}
	.social-media{
		display: flex;
	}
	.social-media a{
		width: 40px;height: 40px;background: #d68800;display: flex;align-items: center;justify-content: center;
		font-size: 16px;margin-right:10px;color: #fff;text-decoration: none;
	}

	.footer h2{
		padding:0 0 0 10px;border-left: 2px solid #000;margin-bottom:12px;font-size:26px;
		font-family: "Cormorant", serif;font-weight: 500;margin-top: 18px;
	}
	input:focus{
		outline: none;
	}

	.copyright{
		background: #fcf0de;padding:1vw 10px 18px 10px;text-align: center;font-size: 14px;
	}
	hr{
		margin-bottom: 18px;
	}
	/*---------------------------------- BREADCUMB -----------------------------------*/

	.breadcumb{
		width: 100%;padding:25px;text-align: center;
	}
	.breadcumb h1{
		font-size: 40px;font-family: "Cormorant", serif;font-weight: 800;
	}
	.breadcumb p{
		font-size: 15px;margin-bottom: 0;color: #fff;
	}
	.breadcumb p a{
		color: #000;text-decoration: none;color: #fff;
	}

	/*------------------------- CONTACT ---------------------------------*/

	.contact{
		width: 100%;padding: 15px 15px 0 15px;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;
	}
	.left-contact{
		width: 100%;background: #fff9f0;padding:15px;
	}
	.left-contact h6{
		font-size: 15px;text-transform: uppercase;font-weight: 400;
	}
	.left-contact h2{
		font-size:32px;font-family: "Cormorant", serif;font-weight: 800;
	}
	.left-contact p{
		font-size: 15px;margin-bottom: 0;
	}
	.contactRow{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactInput{
		width: 100%;
	}
	.contactInput input{
		width: 100%;padding:8px;font-size: 15px;height:45px;margin-top: 12px;background: none;border: 1px solid #fcc879;
	}
	.contactInput select{
		width: 100%;padding: 8px;font-size: 15px;height: 45px;margin-top: 12px;background: none;border: 1px solid #fcc879;
	}
	.contactInput textarea{
		width: 100%;padding: 8px;font-size:15px;height:120px;margin-top: 12px;background: none;border: 1px solid #fcc879;
	}
	textarea:focus{
		outline: none;
	}
	.contactRow button{
		width: 100%;height: 45px;display: flex;align-items: center;justify-content: center;font-size: 15px;
		text-transform: uppercase;background: #d68800;color: #fff;text-decoration: none;border: none;
		margin-top: 12px;
	}
	.right-contact{
		width: 100%;background: #ebebeb;display: flex;align-items: center;justify-content: center;
		font-size: 22px;text-transform: uppercase;text-align: center;height: 30vh;margin-bottom: 12px;
	}
	.contact-Details{
		padding:15px 15px 0px 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactDetailsColumn{
		width:100%;margin-bottom: 15px;
	}
	.contactDetailsColumn{
		display: flex;justify-content: space-between;
	}
	.contactIc{
		width: 45px;height: 45px;background: #d68800;display: flex;align-items: center;justify-content: center;
		border-radius: 50%;font-size: 18px;color: #fff;
	}
	.contactDetailCol{
		width: 85%;
	}
	.contactDetailCol h2{
		font-size: 26px;font-family: "Cormorant", serif;font-weight: 800;margin-bottom: 0;
	}
	.contactDetailCol p{
		font-size: 15px;margin-bottom: 0;
	}
	.map{
		width: 100%;height: 30vh;background: #ebebeb;position: relative;margin-top: 10px;
	}
	.map iframe{
		content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	}
	/*----------------------------- FAQ ----------------------------------*/

	.faq{
		padding:15px;
	}
	.faq h6{
		font-size:15px;text-transform: uppercase;
	}
	.faq h2{
		font-size:28px;font-weight: 600;font-family: "Cormorant", serif;margin-bottom: 15px;
	}
	.faq ul{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.faq li{
		display: inline-block;width: 48%;margin-bottom: 12px;
	}
	.faq li button{
		display: block;width: 100%;font-size:14px;text-transform: uppercase;padding: 8px 0.1vw;background: #fce5c5;
		color: #000;border: none;
	}
	button.active{
		background: #d68800 !important;color: #fff;
	}
	#accordion button{
		display: block;width: 100%;padding:7px 10px;background: #fff9f0;border: none;text-align: left;
		font-family: "Cormorant", serif;font-size: 18px;font-weight: 600;
	}
	.marTp1vw{
		margin-top: 10px;
	}
	.accordionBody{
		background: #fff9f0;font-size: 14px;padding: 0vw 10px 15px 10px;
	}

	/*----------------------------------- RESPONSIVE --------------------------------------------*/

	/*--------------------------- GALLERY -------------------------------------*/

	.gallery{
		padding:15px;text-align: center;
	}
	.gallery h6{
		font-size: 14px;text-transform: uppercase;margin-bottom: 0;
	}
	.gallery h2{
		font-family: "Cormorant", serif;font-size:32px;font-weight: 600;margin-bottom: 1vw;
	}
	.gallery p{
		width: 100%;font-size: 15px;position: relative;transform: translateX(-50%);left: 50%;
	}
	.galleryrow{
		display: flex;width: 100%;flex-wrap: wrap;
	}
	.galleryCol{
		width: 48%;height: 30vh;background: #ebebeb;margin: 0.5%;
	}
	.tabs{
		text-align: center;
	}
	.tabs button {
	    margin:1vw; cursor: pointer;background: transparent;font-weight: 600;
	    border: none;transition: background-color 0.3s;font-size:14px;text-transform: uppercase;
	}
	.tabs button.active {
	    color: #fff;
	}
	.galleries {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.galleries div {
	    display: none; /* Initially hidden, handled via JS */
	    margin: 1vw;width: 100%;
	 }
	.galleries img {
	    width:48%;
	    height:20vh;
	    object-fit: cover;
	    border-radius: 5px;margin: 0.5vw;
	}


	/*----------------------- ABOUT US --------------------*/

	.about{
		padding: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;
		background: #faf8f5;
	}
	.leftAbout{
		width:100%;background: #ebebeb;height: 30vh;position: relative;
	}
	.aboutImageTop{
		position: absolute;top:58%;right: -30%;width:60%;height: 25vh;background: grey;transform: translateY(-50%);
		border: 0.8vw solid #faf8f5;display: none;
	}
	.rightAbout{
		width: 100%;display: flex;align-items: center;margin-top: 18px;
	}
	.rightAbout h6{
		font-size: 14px;text-transform: uppercase;
	}
	.rightAbout h1{
		font-family: "Cormorant", serif;font-size: 28px;font-weight: 600;
	}
	.detailsAbout{
		font-size: 15px;width:100%;margin-left:0%;text-align: justify;
	}
	.detailsAbout ul{
		margin-bottom:10px !important;
	}
	.detailsAbout ul li{
		width: 48%;display: inline-block;
	}
	.aboutIconsRow{
		width: 100%;display: flex;background: #faf8f5;padding: 0px 15px 15px 15px;flex-wrap: wrap;
	}
	.aboutIc{
		width: 50%;border-right: 1px solid #000;padding:1vw 2vw;text-align: center;
	}
	.aboutIc:nth-child(2){
		border: none;
	}
	.aboutIc:nth-child(4){
		border: none;
	}
	.aboutIc:last-child{
		border: none;
	}
	.abtIcIcon{
		width: 30%;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 12px;
	}
	.aboutIc h3{
		font-size:14px;font-family: "Cormorant", serif;font-weight: 700;text-transform: uppercase;
	}
	.abtIcIcon img{
		width: 100%;
	}
	.aboutSecond{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.abtSecondRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.leftAbtSecond{
		width: 100%;display: flex;align-items: center;
	}
	.leftAbtSecond h6{
		font-size: 14px;text-transform: uppercase;
	}
	.leftAbtSecond h1{
		font-family: "Cormorant", serif;font-size: 28px;font-weight: 600;line-height: 1;margin-bottom:10px;
	}
	.leftAbtSecond p{
		font-size: 15px;text-align: justify;
	}
	.rightAbtSecond{
		width: 100%;
	}
	.rightAboutRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;align-items: center;
	}
	.abtSecOneImg{
		width: 48%;background: #ebebeb;height: 35vh;
	}
	.abtSecSecondImg{
		width: 48%;background: #ebebeb;height: 30vh;
	}
	.testimonials{
		width: 100%;padding:15px;background: url('../images/Testimonials-bg-final.jpg');
		background-size: cover;background-position: center;position: relative;
	}
	.testimonials h6{
		text-align: center;font-size: 14px;text-transform: uppercase;text-align: center;position: relative;z-index: 100;
	}
	.testimonials h1{
		font-family: "Cormorant", serif;font-size: 32px;font-weight: 600;text-align: center;position: relative;
		z-index: 100;margin-bottom: 12px;
	}
	.testimonials::before{
		content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(250, 248, 245, 0.8);
	}
	.testimonialRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 100;
	}
	.testimonialColumn{
		width:100%;border-right: 1px solid #000;margin-bottom: 18px;
	}
	.testimonialColumn:last-child{
		border-right: 1px solid #000;
	}
	.testimonialMessage{
		padding: 15px;border-bottom: 1px solid #000;font-size:15px;
	}
	.testimonialName{
		display: flex;justify-content: space-between;width: 100%;padding: 10px;
	}
	.testimonialImage{
		padding:0;display: flex;justify-content: space-between;width: 7%;height:100%;display: flex;align-items: center;
		font-size: 18px;
	}
	.testimonialAuthorName{
		font-family: "Cormorant", serif;font-size: 20px;font-weight: 600;width: 90%;display: flex;
		align-items: center;margin-top: -7px;
	}
	/*--------------------------- ROOMS ------------------------------*/

	.rooms{
		width: 100%;padding:15px;
	}
	.roomsRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.roomsColumn{
		width: 100%;margin-bottom: 1.2vw;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.roomsImage{
		width: 100%;height: 40vh;background: #ebebeb;
	}
	.room-details{
		border: 1px solid #d68800;;padding:15px;width:100%;
	}
	.rooms h6{
		text-align: center;font-size: 14px;text-transform: uppercase;text-align: center;
		position: relative;z-index: 100;
	}
	.rooms h1{
		font-family: "Cormorant", serif;font-size:30px;font-weight: 600;text-align: center;position: relative;
		z-index: 100;
	}
	.rooms p{
		font-size:15px;text-align: justify;margin-bottom:18px;width: 100%;position: relative;
		transform: translateX(-50%);left: 50%;
	}
	.roomsRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.roomsColumn{
		width: 100%;margin-bottom: 18px;
	}
	.roomsImage{
		width: 100%;height: 30vh;background: #ebebeb;
	}
	.room-details{
		border-bottom: 1px solid #d68800;border-left: 1px solid #d68800;
		border-right: 1px solid #d68800;padding:18px;
	}
	.room-details h2{
		font-family: "Cormorant", serif;font-size:28px;font-weight: 600;
	}
	.room-details p{
		width: 100%;text-align: justify;font-size: 15px;margin-bottom:7px;text-decoration: none;
	}
	.room-details ul li{
		display: inline-block;margin-right:15px;font-size: 15px;margin-bottom:11px;padding: ;
	}
	.room-details a{
		font-size: 15px;color: #000;text-transform: uppercase;margin-top: 18px;display: block;
	}
	.room-details a:hover{
		text-decoration: none;color: #d68800;
	}
	.bookRoomDetail{
		padding:10px 30px;background: #d68800;width:60%;color: #fff !important;text-align: center;
	}
	.bookRoomDetail:hover{
		color: #fff !important;
	}

	/*---------------------- INDEX START ---------------------------------*/

	.slider{
		width: 100%;height: auto;
	}
	.arrowCarousel{
		content: '';position: absolute;right: 0;bottom: 0;width: 18%;height: 45px;background: #d68800;
	}
	.carousel-control-prev{
		width: 30% !important;
	}
	.carousel-control-next{
		width: 30% !important;
	}
	.checkInForm{
		background: #fcecd4;padding:10px 10px 0 10px;display: flex;flex-wrap: wrap;justify-content: space-between;
	}
	.checkInFormCol{
		width: 48%;
	}
	.checkInFormCol label{
		font-size:15px;font-family: "Cormorant", serif;font-weight: 600;color: #000;
	}
	.checkInFormCol input{
		width: 100%;padding: 7px;height:45px;border: 1px solid #000;background: transparent;color: #000;
	}
	.checkInFormCol:nth-child(5){
		display: flex;align-items: flex-end;width: 100%;
	}
	.checkInFormCol button{
		width: 100%;height: 45px;background: #d68800;display: flex;align-items: center;justify-content: center;
		font-size: 15px;font-family: "Cormorant", serif;font-weight: 600;border: none;color: #fff;margin-top: 12px;
	}
	.abtPatternImg{
		content: '';position: absolute;left: 0;top: 0;width: 20%;
	}
	.indexRooms{
		background: #fcecd4;padding: 15px;
	}
	.indexRooms{
		background: #fcecd4;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
		align-items: stretch;
	}
	.leftIndexRooms{
		width: 100%;
	}
	.rightIndexRooms{
		width: 100%;
	}
	.indexRooms h6{
		font-size: 15px;text-transform: uppercase;
	}
	.indexRooms h2{
		font-size:32px;font-family: "Cormorant", serif;font-weight: 600;color: #000;
	}
	.indexRoomsRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.indRoomColumns{
		width: 100%;padding: 15px;background: #ffca7a;margin-top: 12px;
	}
	.indRoomIng{
		width: 100%;height:25vh;background: #ebebeb;
	}
	.indRoomDetails{
		padding: 1vw 0;text-align: center;
	}
	.indRoomDetails h2{
		font-family: "Cormorant", serif;font-weight: 600;font-size: 32px;
	}
	.indRoomDetails h6{
		font-size: 15px;font-weight: 500;text-transform: uppercase;margin-bottom: 12px;
	}
	.indRoomDetails ul li{
		display: inline-block;width: 40px;height: 40px;margin:10px;
		margin-bottom: 20px !important;border: 1px solid #000;padding: 0.3vw;
	}
	.indRoomDetails a{
		font-size:18px;font-family: "Cormorant", serif;font-weight: 600;color: #000;text-decoration: underline;
	}
	.video_facilities{
		width: 100%;display: flex;flex-wrap: wrap;align-items: stretch;
	}
	.video{
		width: 100%;background: #ebebeb;height: 30vh;
	}
	.facility{
		width: 100%;padding:18px;background: #fff9f0;
	}
	.facility h6{
		font-size: 15px;font-weight: 500;text-transform: uppercase;margin-bottom:10px;
	}
	.facility h2{
		font-family: "Cormorant", serif;font-weight: 600;font-size: 32px;margin-bottom: 10px;
	}
	.facilityRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
	}
	.facilityCol{
		width: 100%;display: flex;justify-content: space-between;
	}
	.facilityIcon{
		width: 15%;display: flex;align-items: center;
	}
	.facilityDetails{
		width: 80%;
	}
	.facilityDetails h3{
		font-size:22px;font-family: "Cormorant", serif;font-weight: 600;
	}
	.video{
		position: relative;display: flex;align-items: center;justify-content: center;
	}
	.video::before{
		content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
	.video button{
		width: 80px;height: 80px;background: #fff9f0;font-size: 20px;border-radius: 50%;
		display: flex;align-items: center;justify-content: center;z-index: 10;border: none;
	}
	.meals{
		background: #222222;padding:15px;display: flex;flex-wrap: wrap;
	}
	.mealsImage{
		width: 100%;background: #ebebeb;height: 30vh;
	}
	.mealsContent{
		width:100%;padding: 0;
	}
	.mealImgTwo{
		width: 100%;display: flex;justify-content: space-between;
	}
	.mealContText{

	}
	.mealContText h6{
		font-size: 15px;font-weight: 500;text-transform: uppercase;margin-bottom: 12px;margin-left: 0;
		margin-top: 18px;color: #fff;
	}
	.mealContText h1{
		font-size:30px;font-family: "Cormorant", serif;font-weight: 600;margin-left: 0;color: #fff;
	}
	.mealContText p{
		font-size: 15px;margin-top:18px;color: #fff;text-align: justify;
	}
	.mealTwoFirst{
		width: 48%;height: 30vh;background: #ebebeb;
	}
	.mealTwoSecond{
		width: 48%;height: 30vh;background: #ebebeb;margin-top: 1vw;margin-left: -5vw;
	}
	.indexHide{
		display: none;
	}
	/*-------------------------------------- SINGLE ROOM -----------------------------------*/

	.singleroom{
		padding: 15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.leftColRoom{
		width:100%;
	}
	.rightColRoom{
		width:100%;margin-top: 18px;
	}
	.hotelBg{
		width: 100%;height: 20vh;background: #ebebeb;
	}
	.hotelDetails{
		width: 100%;padding: 15px;border: 1px solid #ebebeb;
	}
	.sightseeing{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1vw;
	}
	.sightseeingColumn{
		width: 45%;height: 22vh;background: #ebebeb;border-radius: 50%;border: 1px solid #ebebeb;
		margin-bottom: 12px;
	}
	.singleroom h2{
		font-size:30px;font-family: "Cormorant", serif;font-weight: 600;margin-left: 0vw;color: #8b282c;
	}
	.singleroom p{
		font-size: 15px;text-align: justify;
	}
	.singleroom ul{
		margin-bottom: 15px !important;
	}
	.singleroom ul li{
		font-size: 15px;margin-bottom: 8px;
	}
	.singleroom h3{
		font-size: 18px;font-weight: 600;margin-bottom: 15px;
	}
	.bookingFOrm{
		width: 100%;
	}
	.bookingHeading{
		width: 100%;padding:12px;background: #d68800;color: #fff;font-size: 15px;font-weight: 600;
		text-transform: uppercase;text-align: center;
	}
	.bookingDetailsCOlumn{
		padding:12px;border: 1px solid #ebebeb;
	}
	.bookingDetailsCOlumn label{
		font-size: 15px;
	}
	.bookingDetailsCOlumn input{
		font-size: 15px;width: 100%;height: 40px;padding: 0.5vw;margin-bottom: 0.5vw;
	}
	.bookingDetailsCOlumn button{
		width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 15px;
		text-transform: uppercase;color: #fff;background: #d68800;border: none;margin-top: 10px;
	}
	.bookingDetailsCOlumn select{
		font-size: 15px;width: 100%;height: 40px;padding:10px;margin-bottom: 0.5vw;
	}
	button.closeBtn{
		position: absolute;right: 0;top: 0;width: 45px;height: 45px;background: #000;color: #fff;
		font-size: 18px;display: flex;align-items: center;justify-content: center;border: none;
	}
	/*----------------------------------- TERMS AND CONDITIONS -----------------------------------------*/

	.termsandconditions{
		padding: 15px;
	}
	.termsandconditions h3{
		font-size: 18px;
	}
	.termsandconditions ul li{
		font-size: 15px;
	}


}