@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');

:root{
	--brown:#ba9a70;
	--primary-color:#204256;
	--silver-gradient: linear-gradient(45deg,#b4b4b4,#f3f3f3,#b4b4b4);
	--primary-color-gradient: linear-gradient(45deg,#b21e99,#204256);
	--brown-gradient: linear-gradient(45deg,#204256,#b08163,#204256);
	--multi-gradient: linear-gradient(45deg,#358c8a,#93e4db,#a5e5a0,#e18888,#9dbce5,#c31a68);
	--body-bg: linear-gradient(#145536,#15566b,#422051,#2d615b,#491455,#151438);
}

body {
	color:#fff;
	background: linear-gradient(45deg,#204256,#000000);
	font-family: 'Josefin Sans', sans-serif;
	font-weight:500;
	overflow-x:hidden;
	font-size:16px;
}
a, body{
	color: #fff;
}
a:hover {
  text-decoration: none;
}

ul{padding-left:0; margin-bottom:0;}


img {
  width: 100%;
  display: block;
}

.container-fluid{
	padding-left: 40px;
	padding-right: 40px;
}
/*header*/
.header {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #fff;
  transition:all 300ms ease-in-out;
}
.header *{
	transition:all 300ms ease-in-out;
}

.header .mainHeader{
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.logo {
width: 180px;
  margin: 5px 0;
  float: left;
  position: relative;
  min-height: 1px;
  padding-top: 0px;
}

.header .mainHeader .navi > ul{
	display:flex;
	align-items:center;
}

.header .mainHeader .navi > ul > li{
	position:relative;
	background: #f5ead5;
	margin:0 2px;
	overflow:hidden;
	border-radius:15px;
}
.header .mainHeader .navi > ul > li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
    height: 100%;
    background-color:#dfcca7;
  	
}
.header .mainHeader .navi ul li:nth-child(2)::before{animation-timing-function: ease;animation: mymove 5s infinite;}
.header .mainHeader .navi ul li:nth-child(3)::before{animation-timing-function: ease-out;animation: mymove 1s infinite;}
.header .mainHeader .navi ul li:nth-child(1)::before{animation-timing-function: ease-out;animation: mymove 3s infinite;}
@keyframes mymove {
  from {left: 0px;}
  to {left: 100%;}
}
.header .mainHeader .navi ul li:nth-child(4)::before{ display:none;}
.header .mainHeader .navi ul li:nth-child(4){ background:#47033b;}
.header .mainHeader .navi ul li:nth-child(4) a p span{ color:#fff !important;}
.header .mainHeader .navi ul li:nth-child(4) img{ filter:grayscale(1) brightness(50);
  animation-name: example4;
  animation-duration: 1s;
  animation-iteration-count: infinite;}
  @keyframes example4 {
  50%  {filter:grayscale(1) brightness(50);}
  100% {filter:drop-shadow(2px 4px 6px black);}
}


.header .mainHeader .navi > ul > .instaHead{
	margin:0;
}

.header .mainHeader .navi > ul > li > a{
	color:#fff;
	font-size:15px;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:center;	
	transition:all 300ms ease-in-out;
	position:relative;
	z-index:1;
}

.header .mainHeader .navi > ul > li:hover > a{
	color:var(--gold);
}

.header .mainHeader .navi > ul > li > a .img-fluid{
	flex-basis: 40px;
	padding: 8px;
	border-radius: 50%;
	margin-right: 10px;
}

.header .mainHeader .navi > ul > .instaHead a .img-fluid{
	margin:0;
}

.header .mainHeader .navi > ul > li > a i{
	font-size:22px;
}

.header.fixed .mainHeader .navi > ul > li > a i{
    color: var(--bronze);
}

.header .mainHeader .navi > ul > li > a p{
	margin-bottom: 0;
}

.header .mainHeader .navi > ul > li > a p span{
	color: var(--primary-color);
	display: block;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
}
.filter-white{
	filter:brightness(50);
}
.filter-dark{
	filter:grayscale(1) brightness(0.5);
}
.filter-gold{
	filter: hue-rotate(35deg) brightness(0.9) contrast(5.5);
}

.header.fixed{
	box-shadow:0 0 10px rgba(0,0,0,0.10);
}

.header.fixed .logo{
	width: 180px;
  padding-top: 2px;
}

.header.fixed .mainHeader .navi > ul > li > a{
	border-color: rgba(0 0 0 / 15%);
}

.header.fixed .mainHeader .navi > ul > li > a .img-fluid{
	border-color:var(--primary-color);
}

.header.fixed .mainHeader .navi > ul > li > a p{
	color:var(--primary-color);
}
.menu li a
{
	color: #000;
}
.menu ul
{
    gap: 35px;
}
/*header*/
html {
	scroll-behavior: smooth;
  }
#banner{
	margin-top: 62px;
	height:calc(100vh - 82px);
	position:relative;
	background:#000;
	z-index:1;
}

#banner .carousel-inner, #banner .carousel-inner .carousel-item{
	position:relative;
	height:100%;
}

#banner .carousel-inner .carousel-item{
	background:center no-repeat;
	background-size:cover;
	z-index:1;
}

#banner .carousel-inner .carousel-item::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	
	z-index:1;
	pointer-events: none;
}

#banner .carousel-inner .carousel-item img{
	height:100%;
	object-fit:cover;
}

.carousel-item section{
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:100%;
	position:relative;
	z-index:1;
}

.bannerText{
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-40%);
    width: max-content;
    z-index: 9;
    color: #fff;
    background: #104464de;
    padding: 23px;
    border-radius: 28px;
}
}

.bannerText h1,
.bannerText h2{
	font-size:30px;
	font-weight:500;
	letter-spacing:1px;
	margin-bottom: 12px;
	text-transform: uppercase;
	transition:all 300ms linear;
}

.bannerText h1.h1-2nd{
	
	line-height: 1;
	font-size: 23px;
	letter-spacing: 1.1px;
}

.bannerText h1 strong{
	
    font-size: 44px;
    line-height: 0.8;
    font-weight: 700;
    color: #fff;
}

.bannerText h1 span{
	color:#b08163;
	/*-webkit-text-fill-color: transparent;
    background: var(--brown-gradient);
    -webkit-background-clip: text;*/
	font-weight: bold;
}

.bannerText h5{
	display: table;
	font-weight: 400;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.ss{color:#b08163}
.banner-wm{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30%;
	background: url(../images/watermark.html) 0 0 / cover no-repeat;
	mix-blend-mode: luminosity;
	opacity: 0.2;
	z-index: 2;
	pointer-events: none;
}

.readmore{
	display: flex;
	margin-top: 18px;
	align-items: center;
}



.readmore a, .readmore button{
	display: table;
	padding: 8px 20px 8px;
	color: #fff;
	border-radius: 40px;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 300ms ease-in-out;
}

.readmore a:hover{
	/*background: var(--primary-color);
	background: var(--multi-gradient);*/
	color: #fff;
}
.readmore button{
	outline: none;
}

.readmore.solid button, .readmore.solid a{
	background-color: #fff;
	color: var(--primary-color);
	border-color: transparent;
}

.readmore.solid a:hover, .readmore.solid button:hover{
	background: var(--brown);
	color: #fff;
}

.readmore.dark button, .readmore.dark a{
	background-color: var(--primary-color);
	color:#fff;
}

.readmore.dark button:hover, .readmore.dark a:hover{
	background: linear-gradient(45deg,#8c6735,#b08163 80%);
}
.readmorebooknow{
	background-color: var(--brown) !important;
    color: #fff !important;
    margin-left: 10px;
}
.scrollDown{
	position:absolute;
	left:40px;
	bottom:20px;
	width:40px;
	height: 40px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	background-color: var(--primary-color);
	cursor:pointer;
	z-index:9;
	transition: all 300ms ease-in-out;
}
.scrollDown:hover{
	background-color: #fff;
	color: #000;
}

p{
	font-weight:400;
	line-height:1.6;
}

.padding {
  padding-top:2rem;
  padding-bottom:2rem;
}

.fixed-form{
	position: fixed;
	bottom: 40%;
	transform: translateY(50%);
	right: 20px;
	width: 320px;
	border-radius: 10px;
	z-index: 9;
	transition: all 300ms ease-in-out;
}

.fixed-form .innerform{
	padding: 20px 20px;
	backdrop-filter: blur(4px);
	background:#204256;
	border-radius: 10px;
}

.fixed-form .innerform h6{
	font-size: 14px;
	text-transform: uppercase;
}
.fixed-form .innerform h6 span{
	font-size: 24px;
}

.fixed-form .innerform h3{
	font-size: 26px;
}

.fixed-form .innerform h3 span{
	font-weight: 700;
	font-size: 36px;
	/*background: var(--multi-gradient);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;*/
	color:#fff;
}

.fixed-form .form-group{
	margin-bottom: 0;
}

.fixed-form .formFooter{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.fixed-form .formFooter button{
	border-radius: 30px;
	text-align: center;
	padding: 5px 15px 2px;
	border: none;
	transition: all 300ms ease-in-out;
	outline: none;
background: #b08163 !important;
	color: #fff;
}

.fixed-form .formFooter button:hover{
	background: var(--brown-gradient);
	color: #fff;
}

.fixed-form .formFooter a{
    font-size: 30px;
	line-height: 1px;
}

.fixed-form .formFooter a:hover{
	color: var(--brown);
}

.fixed-form .formFooter .chatBtn{
	background-color: #fff;
	color: var(--primary-color);
	display: none;
	align-items: center;
	padding: 7px 15px 7px 10px;
	border-radius: 40px;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 300ms ease-in-out;
}

.fixed-form .formFooter .chatBtn img{
	width: 20px;
	flex-basis: 20px;
	margin-right: 5px;
	transition: all 300ms ease-in-out;

}

.fixed-form .formFooter .chatBtn:hover{
	background: var(--silver-gradient);
}

.fixed-form .formFooter .chatBtn:hover img{
	filter:brightness(50);
}

.fixed-form.fixed{
	transform: translateY(0%);
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 3px 0 0;
	border-radius: 0;
}

.fixed-form.fixed .innerform{
	border-radius: 0;
	padding: 10px 20px;
	box-shadow: 0 0 3px #000000;
	background-color: #0f4668;
}

.fixed-form.fixed .innerform h3,
.fixed-form.fixed .innerform h6{
	display: none;
}

.fixed-form.fixed .formFooter button{
	margin-top: 0;
    letter-spacing: 1px;
    background: #fff;
    color: #000;
	padding: 7px 20px 5px;
}
.fixed-form.fixed .formFooter button:hover{
	background-color: #500643;
	color: #fff;
}

.fixed-form.fixed .formFooter .chatBtn{
	display: flex;
}

.fixed-form.fixed .col-12{
	flex: 1 0 0;
}

.fixed-form.fixed .formFooter{
    margin-top: 0;
    width: 150px !important;
    max-width: 150px !important;
}

.fixed-form.fixed .form-group .form-control{
	padding: 5px 5px;
	margin:0;
}

.heading {
	display:table;
	position:relative;
	margin-bottom:25px;
	z-index:1;
}

.heading h2,
.heading h4 {
	
}

.heading h2 {
	font-size: 3vw;
}

.overHeading h2 {
    font-size: 2vw;
    font-weight: 300;
    line-height: 42px;
}

.heading h4 {
	font-size: 1.5vw;
	font-weight:300;
}

.heading h5 {
	font-size: 20px;
	font-weight: 200;
}

.heading.text-center h5{
	margin-top: 30px;
}

.hm-overview{
	position: relative;
	z-index: 1;
}

.watermark{
	position: absolute;
	left: -2%;
	top: 50%;
	transform: translateY(-50%);
	width: 30%;
	z-index: -1;
	filter: grayscale(1);
	opacity: 0.03;
}

.textarea section{
	padding-right: 60px;
}

.stats .statBox{
	display: flex;
	align-items: flex-end;
	padding: 2rem 0;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.stats .statBox:first-child{
	padding-top: 0;
}

.stats .statBox:last-child{
	padding-bottom: 0;
	border-bottom: none;
}

.stats .statBox h2{
	margin-bottom: 0;
	margin-right: 10px;
	line-height: 0.8;
	font-size: 24px;
}

.stats .statBox h2 span{
	font-size: 3rem;
	-webkit-text-fill-color: transparent;
    background: var(--brown-gradient);
    -webkit-background-clip: text;
	/*color:#fff;*/
}

.stats .statBox h6{
	line-height: 1;
	margin-bottom: 5px;
}

.bg-brown-grad{
	background: var(--brown-gradient);
}

.saperator{
	display: table;
	width: 50%;
	margin: 0 auto;
	height: 1px;
	background: var(--multi-gradient);
}

.text-grad{
	-webkit-text-fill-color: transparent;
    background: var(--brown-gradient);
    -webkit-background-clip: text;
	/*color:#fff;*/
}

.offers{
	display: flex;
	justify-content: center;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.offers .offerBox{
	flex-grow: 1;
}

.offers .offerBox .img-fluid{
	width: 50px;
	margin: 0 auto 20px;
}

.offer-text{
	text-align: center;
	margin-top: 2rem;
}

.amenitiesContainer{
	text-align: center;
}

.amenitiesContainer h4{
	font-weight: 200;
	font-size: 24px;
	margin-bottom: 3.5rem;
	letter-spacing: 2px;
	color: var(--gold);
}

.amenitiesContainer p{
	letter-spacing: 10px;
}

.amenitiesContainer .amenIcons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3rem;
	align-items: top;
}

.amenitiesContainer .amenIcons .amenBox{
	width: 16%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 26px 10px;
	border: solid rgb(255 255 255 / 10%);
	border-width: 1px;
}


.amenitiesContainer .amenIcons .amenBox .img-fluid{
	padding: 0 7px 11px 7px;
}
.amenitiesContainer .amenIcons .amenBox .img-fluid img{
	height: 80px;
}

.amenitiesContainer .amenIcons .amenBox span{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	/* min-height: 40px; */
}

.loc-video video{
	width: 100%;
}

.loc-container .loc-text ul{
	margin-top: 30px;
    overflow: auto;
	display: flex;
	flex-wrap: wrap;
	/* padding-right: 10px; */
}

.loc-container .loc-text ul::-webkit-scrollbar {
  width:5px;
}

/* Track */
.loc-container .loc-text ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #000; 
  border-radius: 10px;
}
 
/* Handle */
.loc-container .loc-text ul::-webkit-scrollbar-thumb {
  background:#fff; 
  border-radius: 10px;
}

/* Handle on hover */
.loc-container .loc-text ul::-webkit-scrollbar-thumb:hover {
  background: var(--gold); 
}

.loc-container .loc-text ul li{
	width: 50%;
	padding: 9px;
	border: solid rgba(255,255,255,0.20);
	border-width: 0 1px 1px 0;
	text-align: center;
}

.loc-container .loc-text ul li:nth-child(2n){
	border-right: none;
}

.loc-container .loc-text ul li:nth-last-child(1),
.loc-container .loc-text ul li:nth-last-child(2){
	border-bottom: none;
}

.loc-container .loc-text ul li .loc-row{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 15px;
}
.loc-dist img{width: 40px;
  filter: brightness(0) invert(1);}
.loc-container .loc-text ul li .loc-row img{
	flex: 0 0 30px;
	max-width: 30px;
	margin-bottom: 15px;
}

.loc-container .loc-text ul li p{
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
}

.loc-container .loc-text ul li .loc-dist{
	font-size: 2.2rem;
	margin-bottom: 0;
}

.loc-container .loc-text ul li .loc-dist small{
	font-size: 11px;
  margin-left: 5px;
  line-height: 12px !important;
}

.planBx {
	padding: 5px;
  }
  
.planBx a {
	display: block;
	padding: 10px;
	border: 1px solid rgb(255 255 255 / 50%);
}
  
.planBx a .planBase {
	margin-top: 10px;
	padding: 20px 10px;
	background-color: #fff;
	text-transform: uppercase;
	text-align: center;
  }
  
.planBx a .planBase h4 {
	font-weight: 800;
	font-size: 20px;
	color: #222222;
	margin-bottom: 20px;
}
  
.view {
	padding: 10px 30px 7px;
	border-radius: 40px;
	background-color: var(--primary-color);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	display: table;
	margin: 0 auto;
	letter-spacing: 1px;
}
  
  .view:hover {
	background-color: var(--brown);
  }
  
  .view.absBtn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
  }

.gal-slider .swiper-slide .galImg{
	height: 219px;
	position: relative;
	background: center / cover no-repeat;
	z-index: 1;
}

.gal-slider .swiper-slide .galImg::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.10);
	z-index: -1;
}

.gal-slider .gal-caps{
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 5px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	-webkit-text-fill-color: transparent;
    background: var(--multi-gradient);
    -webkit-background-clip: text;
	z-index: 9;
}

.gal-slider .swiper-slide .img-type{
	position: absolute;
	right: 10px;
	bottom: 0;
	font-size: 10px;
	color: #fff;
	z-index: 2;
	pointer-events: none;
}

.swiper-button-next, .swiper-button-prev{
	color: var(--primary-color);
	background: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: all 300ms ease-in-out;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
	right:0;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
	left: 0;
}

.swiper-button-next:hover, .swiper-button-prev:hover{
	background: var(--brown-gradient);
	color: #fff;
}

.swiper-button-next:after, .swiper-button-prev:after{
	font-size: 14px;
}

.enquiry-container{
	padding: 5rem;
}

.footer-logo{
	text-align: center;
}

.footer-logo .img-fluid{
	max-width: 50%;
	margin: 0 auto 20px;
}

.modal-backdrop.show{
	opacity: 1;
	background: rgba(51 51 51 / 80%);
	backdrop-filter: blur(4px);
}

.modal-content{
	background:#204256;
	box-shadow: 0 8px 32px 0 rgba(0 0 0 / 20%);
	border-radius: 10px;
}

.modal-logo-icon{
	width: 100px;
	margin: -70px auto 0;
    filter: drop-shadow(3px 3px 7px rgb(0 0 0 / 30%));
}

button.close{
	position: absolute;
	right: -20px;
	top: -20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--primary-color);
	color: #fff;
	opacity: 1;
	text-shadow: none;
	z-index:1;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	opacity: 1;
	background-color: rgb(52, 1, 35);
	color: #fff;
}

.modal-body{
	padding: 25px;
}

.modalcall{
	margin-left: 20px;
	gap: 10px;
}

.modalcall a{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--primary-color);
}

.modalcall a:first-child{
	background-color: var(--brown);
}
.modalcall a:last-child{
	background-color: #145536;
}

.modalcall a:hover{
	background-color: #3b0031;
	color: var(--brown);
}

.form-group{
	margin-bottom:20px;
}

label{
	margin-bottom: 0;
}

.form-control{
	font-size:14px;
	padding:8px 5;
	height:auto;
	background:none;
	border:none;
	border: 1px solid rgba(255,255,255,0.40);
	color: #fff;
	border-radius:0;
	transition:all 300ms ease;
	margin:3px 0;
}

.form-control:focus{
	background-color: transparent;
	border-bottom-color:var(--gold);
	box-shadow: none;
	color: #fff;
}

.form-control::placeholder{
	color:#fff;
}
textarea.form-control{
	resize: none;
}

.modal-body label{
	color: #FFFFFF;
}

.modal-body .form-control{
	
	color:#ffffff;
	margin: 0;
	padding: 5px;
}

.modal-body .form-control:focus{
	border-bottom-color: rgba(0 0 0 / 20%);
	border-bottom-color:var(--gold);
}

.object-fit-cover{
	object-fit:cover;
}


.disclaimer{
	display:block;
	text-align:center;
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid rgb(255 255 255 / 21%);
}

/*Footer*/
.container {
    max-width: 1200px;
}
/*transformation Animation*/
.leftTranslate{
	-webkit-transform:translate(-200px, 0);
	transform:translate(-200px, 0);
	opacity:0;
	-webkit-transition:all 1000ms;
	transition:all 1000ms;
}

.rightTranslate{
	-webkit-transform:translate(200px, 0);
	transform:translate(200px, 0);
	opacity:0;
	-webkit-transition:all 1000ms;
	transition:all 1000ms;
}

.topTranslate{
	-webkit-transform:translate(0, -200px);
	transform:translate(0, -200px);
	opacity:0;
	-webkit-transition:all 1000ms;
	transition:all 1000ms;
}

.bottomTranslate{
	-webkit-transform:translate(0, 200px);
	transform:translate(0, 200px);
	opacity:0;
	-webkit-transition:all 1000ms;
	transition:all 1000ms;
}

.opac{
	opacity:0;
	transition:all 500ms ease;
}

.opac-on{
	opacity:1;
}

.doneTranslate{
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
	opacity:1;
}
/*transformation Animation*/

.menuBtn, .mobnab, .mobilefooter, .mobbrochure{display:none;}
.text-black{ color:#000000;}
.bottomform .form-control{
	border: 1px solid rgba(0,0,0,0.49);
	color: #000;
}

.bottomform  .form-control:focus{
	background-color: transparent;
	border-bottom-color:rgba(0,0,0,0.49);
	color: #000;
}

.bottomform  .form-control::placeholder{
	color:#000;
}
.bottomform .readmore.solid button{
	background: var(--brown-gradient) left / 200%;
	color: #fff !important;
}
.bottomform .readmore.solid button:hover{
	background-position: right;
}
.bg-f5ead5{ background:#f5ead5;}

.bg-f5ead5 span, .bg-f5ead5 h4{color:#000;}
.bg-f5ead5 h4{font-weight: 300;}
.bg-f5ead5 .readmore.solid a {
    background: var(--brown-gradient) left / 200%;
    color: #fff;
}
.bg-f5ead5 .readmore.solid a:hover {
	background-position: right;
}

.booknowbtn{ justify-content:center;}
.booknowbtn a{ margin:0 10px;}
.logo-address{padding: 10px; display: inline-grid;}
.aplan-and-prices .col-md-4{ text-align:center;}
.aplan-and-prices .box-color{background-color:#fff;border-radius: 0 0 5px 5px;margin-bottom:30px}
.aplan-and-prices .box-color h4{text-align:center; background:#204256;color:#fff; padding:7px; font-size:24px; position: relative; transform: translateY(-10px); display: table; width: calc(100% - 40px); margin: 0 auto 20px;}
.aplan-and-prices .box-color h4::before,.aplan-and-prices .box-color h4::after{content: ''; position: absolute; top: 0; border-bottom: 10px solid #47033b;}
.aplan-and-prices .box-color h4::before{
	left: -10px;
	border-left: 10px solid transparent;
}
.aplan-and-prices .box-color h4::after{
	right: -10px;
	border-right: 10px solid transparent;
}
.aplan-and-prices .box-color h3{text-align:center;font-size:28px;margin-bottom:0;color:#000000;}
.aplan-and-prices .box-color p{text-align:center;font-size:16px;line-height:20px; color:#000000;}
.aplan-and-prices .box-color .btn-dark{margin-bottom:15px;background-color:#204256;border-color:#204256; border-radius: 50px; padding: 7px 20px 5px;}
.aplan-and-prices .box-color .btn-dark:hover{background-color:#ba9a70;}
.menuBtn {
	border: 0;
	border-radius: 0;
	width: 30px;
	height: 32px;
	overflow: hidden;
	display: flex;
	transition: all 300ms ease-in-out;
	position: relative;
	z-index: 99;
	/* padding: 3px; */
	margin-right: 12px;
	background: none;
	border-style: outset;
	border-color: #ffff;
	outline: none !important;
	}
  
  .menuBtn span {
	display: block;
	position: relative;
	width: 100%;
	height: 2px;
	margin:8px 0;
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	width: 27px;
  }
  
  .menuBtn span::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transform-origin: center center;
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  
  .menuBtn.closeMenuBtn span#menuLine1 {
	-webkit-transform: rotate(45deg) translate(11px, 6px);
	transform: rotate(45deg) translate(11px, 6px);
	}
  
  .menuBtn.closeMenuBtn span#menuLine2 {
	right: 100px;
  }
  
  .menuBtn.closeMenuBtn span#menuLine3 {
	-webkit-transform: rotate(-45deg) translate(9px, -5px);
	transform: rotate(-45deg) translate(9px, -5px);
	}
  
  .menuContainer{
	position: fixed;
	top: 0;
	width: 300px;
	right: 0;
	bottom: 0;
	height: 100%;
	overflow: auto;
	background-color: #204256;
	padding: 86px 20px 20px;
	display: none;
	z-index: 99;
	}
  .menuContainer ul li a{
	display: block;
	font-size: 1.25rem;
	font-weight: 700;
	color: #ffffff;
	padding: 10px;
	border-bottom: 1px solid rgb(235 235 235 / 10%);
	}
/*responsive*/
@media (min-width:1376px){
}

@media (max-width:1200px){
	.header .mainHeader .navi > ul
	{
		flex-wrap:wrap;
		justify-content:end;
	}
	.header .mainHeader .navi > ul > li
	{
		width:40%;
		margin:2px;
	}
}

@media (max-width:1202px){
	.menu
	{
		display: none;
	}
} 
@media (max-width:1024px){
	.heading{ margin-bottom:10px;}
	.gal-slider .swiper-slide .galImg{ height:350px;}
} 

@media (width:812px){
	.bannerText h1, .bannerText h2 {font-size: 20px;}
	.bannerText h1 strong {font-size: 50px;}
	.bannerText h1.h1-2nd{ font-size:18px;}
	.bannerText h5 {font-size: 14px;letter-spacing:2px;}
	.gal-slider .swiper-slide .galImg{ height:200px;}
	.stats .statBox h2 span {font-size: 28px;}
	.h6, h6{ font-size:15px;}
	.h5, h5{ font-size:17px;}
	.form-control{ display:none;}
	.fixed-form.fixed .form-group .form-control{ display:block;}
}



@media (max-width:768px){
	body{ font-size:13px;}
	.header .mainHeader .navi > ul{gap: 10px;}
	.header .mainHeader .navi > ul > li > a{flex-direction: column; letter-spacing: normal; text-align: center;}
	.header .mainHeader .navi > ul > li > a .img-fluid{max-width: 40px; margin-right: 0; margin-bottom: 5px;}
	.header .mainHeader .navi > ul > li > a p span{font-size: 13px;}
	.bannerText {top: 25%; left: 20px; right: 20px; text-align: center;}
	.bannerText h1, .bannerText h2 {font-size: 20px;}
	.bannerText h1 strong {font-size: 25px;}
	.bannerText h1.h1-2nd{ font-size:18px;}
	.bannerText h5 {font-size: 14px;letter-spacing:2px; margin: 0 auto;}
	.bannerText .readmore{justify-content: center;margin-top: 10px;}
	.fixed-form{ width:300px; bottom: 20px; transform: none;}
	.textarea section{ padding-right:20px;}	
	.amenitiesContainer .amenIcons .amenBox {width: 33%;}
	.amenitiesContainer .amenIcons .amenBox:nth-child(3n) {border-right: none;}
	.amenitiesContainer .amenIcons .amenBox:nth-child(5) {border-right:1px solid rgb(255 255 255 / 10%);}
	.amenitiesContainer .amenIcons .amenBox:nth-child(6),.amenitiesContainer .amenIcons .amenBox:nth-child(8),.amenitiesContainer .amenIcons 	.amenBox:nth-child(7),.amenitiesContainer .amenIcons .amenBox:nth-child(9) {border-bottom:1px solid rgb(255 255 255 / 10%);}
	.container-fluid {padding-left: 25px;padding-right: 25px;}
	.padding {padding-top: 50px;padding-bottom: 50px;}
	.hm-location .row{ flex-direction:column-reverse;}
	.loc-video{ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.loc-container{ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom:25px;}
	.gal-slider .swiper-slide .galImg{ height:300px;}
	.stats .statBox h2 span {font-size: 28px;}
	.h6, h6{ font-size:15px;}
	.h5, h5{ font-size:17px;}
	.readmore a, .readmore button{ font-size:13px; letter-spacing:2px;}
}

@media (max-width:767px){
	.gal-slider .swiper-slide .galImg{ height:200px;}
	.fixed-form{ display:none;}
	.mobilefooter{position: fixed;bottom: 0px;display: flex;background:#000;border-top: 1px solid #ccc;width: 100%;z-index: 9999;}
	.overHeading h2{ line-height:26px;}
	.mobilefooter .chatBtn{ width:calc(100% / 3); border-right: 1px solid rgb(255 255 255 / 10%); display:flex; align-items:center; justify-content:center; padding: 7px;}
	.mobilefooter .chatBtn a{display: flex; align-items: center;}
	.mobilefooter .chatBtn img{ width:25px; margin-right:5px;}
	.overviewImg{ margin-top:35px;}
	.form-control {font-size: 13px;padding: 5px 0;}
	
}

@media (max-width:576px){
	.navi{ display:none;}
	.header .mainHeader {justify-content: space-between;width: 100%;}
	button.close{ right:0;}
	
}

@media (max-width:575px){
	.hh{display:none !important;}
	
}

@media (max-width:480px){
	.amenitiesContainer .amenIcons .amenBox {width: 100%; border:none !important;}
	.amenitiesContainer .amenIcons .amenBox:nth-child(even) {border-right: none;}
	.amenitiesContainer .amenIcons .amenBox:nth-child(odd) {border-right:1px solid rgb(255 255 255 / 10%)}
	.amenitiesContainer .amenIcons .amenBox:nth-last-child(2) {border-bottom: none;}
}

@media (max-width:460px){
	.bannerText{    bottom: 0;
		top: auto;
		/* display: none; */
		right: 0;
		left: initial;
		left: 0;
		width: 100%;
		padding: 10px;
		border-radius: 0 !important;
		transform: translateY(-0%);
	}
	.scrollDown {left: 45%;bottom: 32px;display: none;}
	.overHeading h2 {font-size: 15px;font-weight: 300;line-height: 25px;}
	.textarea section{text-align: center;}
	.overviewImg{ margin-top:25px;}
	.h6, h6 {font-size: 18px;}
	.heading h4 {font-size: 17px;}
	.enquiry-container h2{font-size: 16px !important;}
	.heading h2{font-size: 22px;}.modal-body h4{font-size:17px;}
	.hm-stats .heading h4, .offer-text h4{font-size: 20px;}
	.amenitiesContainer .amenIcons .amenBox {padding: 2px 0px;}
	.stats .statBox{justify-content: center;}
	.stats .statBox h2{font-size: 14px;}
	.stats .statBox h2 span{font-size: 31px;}
	.offers {flex-wrap: wrap; width: 100%; padding: 0;}
	.offers section{ border-bottom:1px solid rgb(255 255 255 / 10%); padding:15px 0;}
	.offers .offerBox:nth-child(3) section {border-bottom: none;}
	.offers section span{text-transform: uppercase; letter-spacing: 1px;}
	.offers .offerBox {flex-grow: 1;width: 100%;}
	.enquiry-container {padding: 20px;}
	.readmore {justify-content: center; flex-wrap:wrap;}
	.bg-f5ead5 .readmore.solid a {width: 100%;margin: 7px 0;}
	.textarea section {padding-right: 0;}
	.h5, h5 {font-size: 16px;}
	.swiper-button-next, .swiper-button-prev {width: 30px;height: 30px;line-height: 30px;}
	.symbrochure{ display:none;}
	.mobbrochure{display: block;margin-top: 40px;text-align: -webkit-center;;}
	.offers{ border:none;}
	.animate-section3{margin: 10px 0;}
	#banner {height: 60vh;}
	.footer-logo h6{font-size: 14px;}
	.heading{margin-left: auto; margin-right: auto;padding: 0 !important;}
	.loc-text{text-align: center;}
	.readmore a, .readmore button {margin-bottom: 10px;}
	.hm-contact{padding-top: 0;}
	.amenitiesContainer .amenIcons .amenBox {
		width: 48%;
		vertical-align: top;
	}
	.amenitiesContainer .amenIcons .amenBox span {
		min-height: 20px; 
	}
	.amenitiesContainer .amenIcons .amenBox  img {
		height: 150px;
	}
}

@media (max-width:375px){
	
}

@media (max-width:320px){
	.bannerText h1.h1-2nd {font-size: 12px;}
	.bannerText h5 {letter-spacing: 0px;}
}
.modal-body .btn{background: #b08163 !important;}