@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

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



:root{

	--primary-color:#ffffff;

	--dark-rose:#73285E;

	--green:#2b3d2d;

	--primary-grad: linear-gradient(45deg, #b76e78, #d998a3, #d8a2a9, #f7d5d8, #efd1d5, #ebbec4, #d8a2a9,#b76e78);

}



body {

	color:#191919;

	font-family: 'Roboto', sans-serif;

	font-weight:400;

	overflow-x:hidden;

	font-size:16px;

}

.newclr{
    color:#ffffff;
}

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



a:hover {

  text-decoration: none;

}



img {

  width: 100%;

  display: block;

}



/*header*/

.header {

  width: 100%;

  float: left;

  position: fixed;

  top: 0;

  padding: 5px 0;

  z-index: 99;

  transition:all 300ms ease-in-out;

}



.header .mainHeader{

	display:flex;

	align-items:center;

	justify-content: space-between;

	transition:all 300ms ease-in-out;

}



.logo {

	width:240px;

	height:auto;

	float: left;

	position: relative;

	min-height: 1px;

	transition:all 300ms ease-in-out;

}



.logo img{

	height:auto;

	transition:all 300ms ease-in-out;

}



.logo .logo-mb{

	display:none;

}



.header .mainHeader .navi > ul{

	display:flex;

	align-items:center;

}



.header .mainHeader .navi > ul > li{

	margin:0 15px;

	position:relative;

}



.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(--primary-color);

}



.header .mainHeader .navi > ul > li.visitBtn{

	margin-right:0;

}



.header .mainHeader .navi > ul > li.visitBtn a{

	padding:13px 20px;

	/* background-image:-webkit-linear-gradient(315deg,var(--primary-color) 0%,rgba(195,159,117,0.95) 25%,#a47947 50%,var(--primary-color) 75%, #8b673d 100%);

    background-image:-moz-linear-gradient(315deg,var(--primary-color) 0%,rgba(195,159,117,0.95) 25%,#a47947 50%,var(--primary-color) 75%,#8b673d 100%);

    background-image:linear-gradient(135deg ,var(--primary-color) 0%,rgba(195,159,117,0.95) 25%,#a47947 50%,var(--primary-color) 75%,#8b673d 100%); */

	background-image: linear-gradient(45deg, #b76e78, #d998a3, #d8a2a9, #f7d5d8, #efd1d5, #ebbec4, #d8a2a9,#b76e78,#b76e78, #d998a3, #d8a2a9, #f7d5d8, #efd1d5, #ebbec4, #d8a2a9,#b76e78);

	background-size: 200% 200%;

	color:var(--dark-rose);

	font-size:15px;

	font-weight:800;

	text-transform: uppercase;

	letter-spacing:1px;

}



.header .mainHeader .navi > ul > li.visitBtn a:hover{

	box-shadow: none;

    background-position: 100% 100%;

}



.header .mainHeader .navi > ul > li.visitBtn a:before{

	display:none;

}



.header .mainHeader .navi > ul li a i{

	margin-right:5px;

	font-size:25px;

	transition:all 300ms ease-in-out;

}



.filter-white{

	filter:brightness(50);

}

.filter-dark{

	filter:grayscale(1) brightness(0.5);

}



.header.fixed{

	background:var(--dark-rose);

	box-shadow:0 0 10px rgba(0,0,0,0.50);

}



.header.fixed .logo{

	width: 140px;

}



.header.fixed .mainHeader .navi > ul > li.visitBtn a{

	padding:8px 10px;

}

/*header*/



#banner{

	height: calc(100vh - 61px);

	position:relative;

	background:#000;

	border-bottom:5px solid var(--primary-color);

	z-index:1;

}



#banner .banner-video{

	height:100%;

	width:100%;

	position:absolute;

	left:0;

	top:0;

	object-fit:cover;

	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.has-overlay::before{

	content:'';

	position:absolute;

	left:0;

	top:0;

	right:0;

	bottom:0;

	background:linear-gradient(rgba(0,0,0,.3), transparent 40%);

	pointer-events: none;

}



.carousel-item section{

	display:flex;

	align-items:center;

	justify-content:space-between;

	height:100%;

	position:relative;

	z-index:1;

}



.bannerText{

	width: max-content;

	text-align:center;

	position:absolute;

	left:50%;

	top:20%;

	opacity: 0;

	transform:translateX(-50%);

	padding: 10px;

	z-index:9;

	color:#fff;

	background-color: var(--dark-rose);

	border: 4px double;

	transition: all 300ms ease-in-out 100ms;

}

.carousel-item.active .bannerText{

	top:12%;

	opacity: 1;

}



.bannerText .h1{

	font-size:2.25rem;

	line-height: 1.1;

	font-weight:300;

	letter-spacing:2px;

	display:flex;

	justify-content:center;

	align-items:center;

	transition:all 300ms linear;

}



.bannerText .h1 span{

	font-family:"Roboto", sans-serif;

	transform: translateX(40px);

	transition:all 400ms linear;

	transition-delay:300ms;

	opacity:0;

	color: var(--primary-color);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

}



.bannerText .h1 strong{

	border-left: 1px solid #fff;

	padding-left:20px;

	margin-left:20px;

	transform: translateX(-100px);

	transition:all 400ms linear;

	transition-delay:400ms;

	opacity:0;

	color: var(--primary-color);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

}



.bannerText .h1.active span,

.bannerText .h1.active strong{

	transform: translateX(0px);

	opacity:1;

}



.priceBox{

	position: absolute;

	left:0%;
	bottom: 0;

	z-index: 9;

}
.priceBox1 {
    position: absolute;
    left: 0%;
    bottom: 67px;
    z-index: 9;
    background: #73285E;
    width: 200px;
    padding: 15px;
    clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}


.priceBox .inner{

	width: max-content;

	background-color: #fff;

	color: var(--dark-rose);

	padding: 10px 3rem 10px 1rem;

	clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);

	border-left: 4px solid var(--primary-color);

}

.priceBox .inner .h3{

	font-weight: 900;

	line-height: 1;

}

.priceBox .inner h6{

	font-weight: 900;

	text-transform: uppercase;

}



.text-serif{font-family:"DM Serif Display", sans-serif;}

.text-primary{color: #414141 !important;}

.text-dark{color: var(--dark-rose) !important;}

.text-grad{

    color: var(--primary-color);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

}



.scrollDown{

	position:absolute;

	left:50%;

	bottom:10px;

	transform:translateX(-50%);

	width:60px;

	cursor:pointer;

	z-index:9;

}



.carousel-indicators{

	bottom:0;

	height:100%;

	left:auto;

	flex-direction:column;

	align-items:center;

	margin-right:20px;

}



.carousel-indicators li{

	width:10px;

	height:10px;

	border-radius:50%;

	background-color:rgba(255,255,255,0.50);

	opacity:1;

}



.carousel-indicators li:hover, .carousel-indicators .active{

	background-color:#fff;

}



.carousel-control-next.banner-next, .carousel-control-prev.banner-prev{

	top:auto;

	width:40px;

	height:40px;

	bottom:10px;

	color:var(--primary-color);

	opacity:1;

	z-index:9;

}



.carousel-control-next.banner-next{

	right:calc(50% - 42px);

}



.carousel-control-prev.banner-prev{

	left:calc(50% - 42px);

}



.carousel-control-next-icon, .carousel-control-prev-icon{

	background-size:60%;

}



.carousel-control-next.banner-next:hover, .carousel-control-prev.banner-prev:hover{

	color:#fff;

}



.bg-light{background-color:#ebbec4 !important;}

.bg-dark{background-color:var(--dark-rose) !important; color:#fff;}

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

.bg-image{

	z-index: 1;

	background: center / cover no-repeat fixed;

}

.bg-image::before{

	content: '';

	position: absolute;

	inset: 0;

	background-color: rgb(0 0 0 / 50%);

	z-index: -1;

}



p{

	font-weight:400;

	line-height:1.6;

}



.padding {

  padding-top:4rem;

  padding-bottom:4rem;

}



.heading {

	display:table;

	position:relative;

	margin-bottom:40px;

	z-index:1;

}



.heading h6 {

	color:#191919;

	text-transform:uppercase;

	position:relative;

	padding-left:70px;

	margin-bottom:2em;

	font-weight:400;

}



.heading h6::before{

	content:'';

	position:absolute;

	left:0px;

	top:calc(50% - 1px);

	width:60px;

	height:1px;

	background:#191919;

	z-index:-1;

}



.heading h6.text-white::before{

	background:#fff;

}



.heading h2,

.heading h4 {

	display:table;

    color: var(--primary-color);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

}



.heading h2 {

	font: 400 3.5rem/1 'DM Serif Display', serif;

}



.heading h4 {

	font: 400 2rem/1 'DM Serif Display', serif;

}



.hm-overview{

	position: relative;

	z-index: 1;

	background:url(../images/background_05.webp) center;

}



.hm-overview::before,

.featuresWrapper::before{

	content: '';

	position: absolute;

	inset: 0;

	background-color: #73285E;

	opacity: .75;

	z-index: -1;

}



.rera{

	position: absolute;

	left: 2rem;

	top: 10px;

	font-size: 10px;

	color: var(--primary-color);

}



.showmoregal{

	display:none;

}



.overviewImg .imgBox{

	position:relative;

	width:100%;

	padding:4em 40px 0;

}



.overviewImg .imgBox img{

	width:524px;

}



.overviewImg .imgBox #img1{

	z-index:3;

	position:relative;

}

.overviewImg .imgBox #img1 .artistic{

	right: auto;

	left: 5px;

}



.overviewImg .imgBox #img2{

	position: absolute;

    left: 6.5em;

    z-index: 2;

    top: 0;

}



.overviewImg .imgBox #img3{

	position: absolute;

    left: 10em;

    top: 8em;

}



/*COUNTER STARTS*/

.counter-window{

	width:100%;

	float:left;

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

}



.counter-window span{

	color:#fff;

	display:inline-block;

	vertical-align:top;

	font-weight: 400;

}



.counter-window span > span {

	margin-bottom: 0;

}



.counter-window .main-div-cou{

	padding:0 10px;

	text-align:center;

	flex-grow:1;

}



.counter-window .main-div-cou .coun-data{

	position:relative;

}



.counter-window .main-div-cou .coun-data > div{

	display:flex;

	align-items:center;

	justify-content:center;

}



.counter-window .main-div-cou .coun-data > div,

.counter-window .main-div-cou .counter{

	min-width:60px;

	font-size:3rem;

	font-family:'DM Serif Display', serif;

    color: var(--primary-color);

	background: -webkit-var(--primary-grad);

    background: -moz-var(--primary-grad);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

	position:relative;

	z-index:1;

	/*border:1px solid #212121;*/

}



.counter-window .main-div-cou .counter:before{

	display:table;

	font-size:2vw;

	line-height:1;

}



.counter-window .main-div-cou .title{

	font-size:13px;

	width:100%;

	margin-top:8px;

	text-transform:uppercase;

	letter-spacing:1px;

}

/*COUNTER ENDS*/



.hm-project{

	position:relative;

	z-index:1;

	overflow:hidden;

}



.projectImg{

	width:50%;

	position:absolute;

	top:0;

	bottom:0;

}



.projectImg.left{

	left:0;

}

.projectImg.right{

	right:0;

}



.projectImg img{

	width:100%;

	height: 100%;

	position:relative;

	object-fit:cover;

	object-position: 0 0%;

	animation: scrl 10s infinite alternate;

}



.hm-project:hover img{

	animation-play-state: paused;

}



@keyframes scrl{

	100%{object-position: 0 100%;}

}



.hm-projectBox{

	background:#fff;

	padding-top: 4rem;

	padding-bottom: 4rem;

}





.featuresWrapper{

	background:url(../images/background_05.webp) center;

	position: relative;

	z-index: 1;

}



.slick-slider{

	padding-bottom:0;

}



.featSlider{

	display:flex;

	flex-wrap:wrap;

}



.featBox{

	max-width:25%;

	flex:0 0 25%;

}



.featBox section{

	padding:20px;

}



.featBox section .img-fluid{

	width:60px;

	margin-bottom:25px;

	/* -webkit-filter: hue-rotate(305deg) brightness(1.3);

	filter: hue-rotate(305deg) brightness(1.3); */

}

.featBox section p.text-uppercase{

	letter-spacing:1px;

	font-size:13px;

	margin-bottom:8px;

	color: #fff;

}

.featBox section p{

	font-size:15px;

}



.slick-prev, .slick-next{

	box-shadow:none;

	background:none;

	color:#fff;

	border-radius:0;

	height:100%;

	top:0;

	margin-top:0;

}



.slick-prev:before, .slick-next:before{

	font-size:24px;

}



.slick-prev:hover, .slick-next:hover{

	background:none;

	color:var(--primary-color);

}

.slick-prev:focus, .slick-next:focus{

	outline:none;

}



.poolBox{

	padding: 7rem 0;

	text-align: center;

	color: #fff;

}

.poolBox h5{

	text-transform: uppercase;


	font-weight: 300;

}



.newsBox a{

	position:relative;

	display:block;

	overflow:hidden;

}



.newsBox .img-fluid{

	height: 440px;

	padding-top: 2rem;

	background: var(--primary-grad);

    border: 1px solid #d3a5ab;

}



.newsBox .img-fluid img{

	width: 80%;

	margin: 0 auto;

}



.date-badge{

	position:absolute;

	left:0;

	top:0;

	width:60px;

	padding:10px;

	background:#f7f1f0;

	border:solid #ee3338;

	border-width:0 2px 2px 0;

	text-align:center;

	color:#000;

	z-index:1;

}



.date-badge h4{

	font:400 26px 'DM Serif Display', serif;

	color:#ee3338;

	margin-bottom:0;

}



.date-badge span{

	font-size:12px;

}



.newsBox a article{

	width:85%;

	position:absolute;

    right: 1px;

    bottom: 1px;

    z-index: 1;

	background:#fff;

	color:#191919;

	padding:15px;

	border-left:2px solid var(--primary-color);

	transform:translateY(0px);

	transition:all 300ms linear;

}

.newsBox a article p {

    line-height: 0.6;

}



.newsBox a:hover article{

	transform:translateY(0);

}



.newsBox a article span{

	display:table;

	transition:all 300ms linear;

}



.newsBox a article span:hover{

	padding-left:10px;

}



.newsBox a article span img{

	width:20px;

}



.penthouse_number_bg{

	background-color: var(--dark-rose);

	position:relative;

	z-index:1;

}



.penthouse_number_bg:before{

	content:'';

	position:absolute;

	left:15px;

	top:0;

	bottom:0;

	width:100vw;

	background:url(../images/background_05.webp) center var(--primary-color);

	background-size:cover;

	z-index:-1;

}



.number-text article{

	padding:0 20px;

}



.number-text article h2{

	font-size:3em;

	margin-bottom:0;

}



.scheduleBtn a{

	max-width:85%;

	display:flex;

	align-items:center;

	background-image: var(--primary-grad);

	background-size: 200% 200%;

	color:var(--dark-rose);

	font-weight: 800;

    text-transform: uppercase;

	letter-spacing:1px;

	transition:all 300ms ease-in-out;

}



.scheduleBtn a .img-fluid{

	max-width:80px;

	flex:0 0 80px;

	padding:20px;

}



.scheduleBtn a:hover{

    background-position: 100% 100%;

	transform:translateY(-2px);

}



.scheduleBtn a small{

	letter-spacing:normal;

}





.hm-amenContainer{

	background-image:url(../images/background_03.webp);

	background-position-x:45%;

	position:relative;

	z-index:1;

}



.gap-row{

	row-gap: 30px;

}

.gap-form-row{

	row-gap: 10px;

}



.amenBox section{

	position:relative;

	width:100%;

	height:232px;

	display:block;

	background:#ffffff;

	transition:all 300ms ease-in-out;

	z-index:1;

}



.amenBox section .icon{

	position:absolute;

	right:30px;

	top:30px;

	width:50px;

	-webkit-filter: brightness(0.7);

    filter: brightness(0.7);

}



.amenBox section.bg-dark .icon{

	-webkit-filter: brightness(1);

    filter: brightness(1);

}



.amenBox section article{

	position:absolute;

	left:30px;

	bottom:30px;

    color: var(--dark-rose);

}



.amenBox section.bg-dark article{

    color: var(--primary-color);

    background: var(--primary-grad);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;

}



.amenBox section article small{

	display:block;

	text-transform:uppercase;

	font-size:12px;

	font-weight:500;

	letter-spacing:1px;

	margin-bottom:15px;

}



.amenBox section article span{

	font:400 26px 'DM Serif Display', serif;

}



.accordionBox{

	border-bottom:1px solid rgba(255,255,255,.3);

	padding:2em 0;

}



.accordionBox:first-child{

	border-top:1px solid rgba(255,255,255,.3);

}



.neighb-accordBtn{

	padding-right:25px;

	position:relative;

	display:flex;

	text-transform:uppercase;

	align-items:center;

}



.neighb-accordBtn i{

	content:'';

	position:absolute;

	right:0;

	font-size:14px;

	transition:all 300ms ease-in-out;

}



.neighb-accordBtn h6{

	font-weight:400;

	text-transform:uppercase;

	font-size:18px;

	margin-bottom:0;

	letter-spacing:1;

	display:flex;

	align-items:center;

}



.neighb-accordBtn h6 span{

	margin-right:10px;

}



.neighb-accordText{

	display:none;

}

.neighb-accordText.show{

	display:block;

}



.neighb-accordText article{

	padding-top:20px;

	padding-right:10%;

}



.the-sky-suites{

	position:relative;

	z-index:1;

}



.the-sky-suites::before{

	content:'';

	position:absolute;

	left:15px;

	right:15px;

	top:0;

	bottom:0;

	background:rgba(0,0,0,0.25);

}



.truevalue .carousel-item img{

	height:500px;

	object-fit:cover;

}



.truevalue .carousel-item > .caption{

	position:absolute;

	left:0;

	bottom:10px;

	padding:5px 10px;

	background:var(--primary-color);

	color:#191919;

	text-transform:uppercase;

	letter-spacing:1px;

	font-size:13px;

	font-weight:500;

	z-index:1;

}



.floor-pointer{

	position:absolute;

	width: 30px;

    height: 30px;

	line-height:30px;

	border-radius:50%;

	text-align:center;

	background:var(--primary-color);

	cursor:pointer;

	color:#fff;

	z-index:1;

}



.floor-pointer:before{

	content:'';

	background: rgba(195,159,117,0.5);

    width: 3em;

    height: 3em;

    z-index: -2;

    position: absolute;

    top: -23%;

    left: -23%;

    border-radius: 50%;

    -webkit-animation: pulsate 1.2s ease-out;

    -moz-animation: pulsate 1.2s ease-out;

    animation: pulsate 1.2s ease-out;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    opacity: 0;

}



@-webkit-keyframes pulsate {

	0% {

		-webkit-transform: scale(.1,.1);

		transform: scale(.1,.1);

		opacity: .0;

    }

	50% {

		opacity: 1.0;

    }

	100% {

		-webkit-transform: scale(1.2,1.2);

		transform: scale(1.2,1.2);

		opacity: .0;

    }

}

@keyframes pulsate {

	0% {

		-webkit-transform: scale(.1,.1);

		transform: scale(.1,.1);

		opacity: .0;

    }

	50% {

		opacity: 1.0;

    }

	100% {

		-webkit-transform: scale(1.2,1.2);

		transform: scale(1.2,1.2);

		opacity: .0;

    }

}



.floor-pointer.active{

	background:#fff;

	color:var(--primary-color);

}



.floor-pointer.active:before{

	animation:none;

}



#pointer1{

	left:10%;

	bottom:10px;

}



#pointer2{

	left:25%;

	bottom:25%;

}



#pointer3{

	right:30%;

	top:40%;

}



.floor-pointer span{

	position:absolute;

	width:120px;

	left:50%;

	bottom:calc(100% + 10px);

	transform:translateX(-50%);

	padding:2px 10px;

	background:var(--primary-color);

	font-size:13px;

	color:#fff;

	text-transform:uppercase;

	text-align:center;

	letter-spacing:1px;

	opacity:0;

	visibility:hidden;

	transition:all 300ms ease-in-out;

}



.floor-pointer span:before{

	content:'';

	position:absolute;

	top:100%;

	left:50%;

	transform:translateX(-50%);

	border-top:10px solid var(--primary-color);

	border-left:10px solid transparent;

	border-right:10px solid transparent;

}



.floor-pointer:hover span{

	opacity:1;

	visibility:visible;

}



#exploreSlider, .carousel-inner, .carousel-item{

	height:100%;

}



#exploreSlider{

	margin-right:25px;

}



.bd-controls{

	position:absolute;

	bottom:-40px;

	right:0;

	display:flex;

	align-items:center;

}



.bd-controls a{

	position:static;

	width:auto !important;

	height:auto !important;

	font-size:40px;

	line-height:1;

	transform:scaleY(0.6);

	transition:all 300ms ease-in-out;

	margin:0 5px;

}

.carousel-item{

	background:center no-repeat;

	background-size:cover;

}



.enter-points{

	padding-right:30px;

}



.enter-points ul{

	width:100%;

	float:left;

	margin-top:20px;

}



.enter-points ul li{

	display:flex;

	align-items:center;

	padding:15px 0;

	border-bottom:1px solid rgba(255,255,255,0.50);

}



.enter-points ul li:first-child{

	border-top:1px solid rgba(255,255,255,0.50);

}



.enter-points ul li i{

	flex:0 0 30px;

	color:var(--primary-color);

}



.enter-points ul li h6{

	margin-bottom:0;

	display:flex;

	justify-content:space-between;

	width: 100%;

	font-size:13px;

	text-transform:uppercase;

	font-weight:500;

}



.readmore{

	width:100%;

	float:left;

	margin-top:20px;

}



.readmore a, .readmore button{

	display:table;

	padding:11px 14px;

	font-size:15px;

	background-image: var(--primary-grad);

	background-size: 200% 200%;

	color:var(--dark-rose);

	font-weight: 800;

	letter-spacing:1px;

	transition:all 300ms ease-in-out;

}



.readmore button{

	border:none;

	outline:none;

}



.readmore a:hover, .readmore button:hover{

	background-position:100% 100%;

}



.contactForm .row{

	margin-left:-10px;

	margin-right:-10px;

}



.contactForm .row div[class^=col]{

	padding-left:10px;

	padding-right:10px;

}



.form-group{

	margin-bottom:20px;

}



.form-control{

	font-size:14px;

	padding:12px 16px;

	height:auto;

	background:#faf1f2;

	border:none;

	color:#181818;

	border-radius:0;

	transition:all 300ms ease;

}



.form-control:focus{

	background:#f7d5d8;

	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);

}



.form-control::placeholder{

	color:rgba(0,0,0,0.40);

}



.form-container .readmore button{

	text-transform:uppercase;

	letter-spacing:1px;

	font-size:500;

}



.object-fit-cover{

	object-fit:cover;

}



.footer-galSlider .img-fluid a{

	display:block;

	position:relative;

	overflow:hidden;

}



.footer-galSlider .img-fluid a:before{

	content:'';

	position:absolute;

	left:0;

	right:0;

	top:0;

	bottom:0;

	background:rgba(0,0,0,0.75);

	opacity:0;

	transition:all 300ms ease-in-out;

}



.footer-galSlider .img-fluid a span{

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

	width:25px;

	height:25px;

	line-height:23px;

	text-align:center;

	border-radius:50%;

	border:1px solid #fff;

	color:#fff;

	z-index:1;

	opacity:0;

	transition:all 300ms ease-in-out;

}



.footer-galSlider .img-fluid a:hover:before,

.footer-galSlider .img-fluid a:hover span{

	opacity:1;

}



.get-in-touch-text h2{

	margin-bottom:0;

	font-size:3rem;

	color:var(--dark-rose);

}

.get-in-touch a, .footerAbout .footCall a{

	display:flex;

	align-items:center;

	color:var(--dark-rose);

	font-size:22px;

	letter-spacing:1px;

}

.get-in-touch a i, .footerAbout .footCall a i{

	margin-right: 14px;

    border-right: 1px solid var(--dark-rose);

    padding: 5px 15px 5px 0;

}

.get-in-touch a:hover{

	color:#191919;

}

.get-in-touch a:hover i{

	border-right-color:#191919;

}



.footer-enquiryBtn {

  position: fixed;

  bottom: 0px;

  left: 0px;

  right: 0px;

  display: flex;

  justify-content: center;

  z-index: 99;

  background: var(--primary-grad);

  text-align: center;

}

.footer-enquiryBtn a {

	width: 100%;

  color: var(--dark-rose);

  text-align: center;

  display: block;

  padding: 5px 5px;
    font-size: 14px;
    background: var(--primary-grad);

}



/*Footer*/

.footer-area{

	padding-top:7rem;

	padding-bottom:7rem;

	background:url(../images/footer_background.webp) center no-repeat;

	background-size:cover;

	position: relative;

	z-index: 1;

}

.footer-area::before{

	content: '';

	position: absolute;

	inset: 0;

	background-color: rgb(66 31 56 / 85%);

	backdrop-filter: blur(1px);

	z-index: -1;

}



.footer-area a{

	color:#fff;

	font-size:14px;

	transition:all 300ms ease-in-out;

}



.footHead{

	margin-bottom:3rem;

	text-transform:uppercase;

	color:#fff;

	letter-spacing:1px;

	font-size:14px;

}



.footLogo{

	width:200px;

}



.footAddress{

	margin-bottom:2.6rem;

}



.footAddress li{

	padding:5px 0;

}



.footAddress li a{

	display:flex;

	align-items:center;

	color:#fff;

}



.footAddress li a i{

	flex-basis:25px;

	font-size:17px;

	color:var(--primary-color);

	transition:all 300ms ease-in-out;

}



.footAddress li a:hover{

	color:var(--primary-color);

}



.footAddress li a:hover i{

	color:#fff;

}



.footerSocial{

	color:#fff;

}



.footerSocial p{

	font-size:14px;

}



.footerSocial ul{

	display:flex;

	flex-wrap:wrap;

	align-items:center;

	align-self: center;

}



.footerSocial ul li{

	margin-right:5px;

}



.footerSocial ul li a{

	width: 30px;

    height: 30px;

    line-height: 30px;

    font-size: 13px;

    border-radius: 50%;

    text-align: center;

    margin-right: 10px;

    color: var(--dark-rose);

    background-image: var(--primary-grad);

    background-size: 110% 200%;

	display:block;

	transition:all 300ms ease-in-out;

}



.footerSocial ul li a:hover{

	background-position:100% 200%;

}



.footerLinks{

	color:#fff;

}



.footerLinks ul li{

	float:left;

	width:100%;

	border-bottom:1px solid rgba(255,255,255,0.50);

}



.footerLinks ul li a{

	display:table;

	color:#fff;

	padding:10px 0;

	transition:all 300ms ease-in-out;

}



.footerLinks ul li a:hover{

	color:rgba(255,255,255,0.75);

}



.footerGallery ul{

	display:flex;

	flex-wrap:wrap;

}



.footerGallery ul li{

	max-width:calc(100% /3);

	flex:0 0 calc(100% /3);

	padding:2px;

}



.footerAbout{

	color:#fff;

}



.footerAbout .footCall{

	margin-bottom:3rem;

}



.footerAbout .footCall a{

	font-size:16px;

	color:var(--primary-color);

}



.footerAbout .footCall a i{

	border-right-color:var(--primary-color);

}



.footerAbout .footCall a:hover{

	color:#fff;

}



.footerAbout .footCall a:hover i{

	border-right-color:#fff;

}



.footerAbout section p{

	line-height:1.8;

	font-size:14px;

	margin-bottom:15px;

}



.footerAbout section small{

	display:flex;

	align-items:center;

}



.footerAbout section small img{

	max-width:20px;

	flex:0 0 20px;

}

/*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*/



.artistic{

	position: absolute;

	bottom: 5px;

	right: 5px;

	font-size: .6em;

	color: #fff;

	text-shadow: 1px 1px 1px #000;

	z-index: 1;

	pointer-events: none;

}

.location-impression.artistic{display: none; right: auto; left: 5px;}



.list li{

	margin-bottom:10px;

}



.list ul, .list ol{

	padding-left:20px;

}

.menuBtn, .mobnab{display:none;}

.sticky-form

{

    position: absolute;

    z-index: 9;

    top: 50%;

    transform: translateY(-50%);

    width:260px;

    background: var(--dark-rose);

    right: 0;

    padding: 11px;

}
.stickyForm h6 {
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 10px;
    color: var(--body-color);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#price-list
{
    background: var(--primary-grad);
}
#price-list .heading h2, .heading h4 {
    color: var(--dark-rose);
    background: var(--dark-rose);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;

}
.bg-secondary {
    background-color: #73285E!important;
    background-image: var(--dark-rose) !important;
    color: #fff !important;
}
.table td, .table th {
    color: #000;
    vertical-align:middle;
    border: 1px solid #3b3f43!important;
}
.custom-control-label {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 10px 10px 10px 2.25rem;
    background-color: #f1f1f1;
    border-bottom: 2px solid #eaeaea;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.custom-control-label::before{
  background-color: #fff;
  box-shadow: 0 0 0 2px var(--primary-color);
  border-color: #fff;
}
.custom-control-label::before,
.custom-control-label::after {
top: 12px;
left: 10px;
}
.custom-control-label {
    width: 98%;
}
.custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--primary-color) !important;
border-color: #fff;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: var(--primary-color);
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgb(249 94 1 / 25%);
}

/*responsive*/

@media (min-width:1376px){

	.bannerText .h1 {font-size: 3.25rem;}

}



@media (max-width:1200px){

	.navi{display:none;}

	.mobnab{width:300px;top: 0px;bottom: 0;background: #000;position: fixed; left:0;}

	.mobnab::before {content: '';position: fixed;top: 0;bottom: 0;width: 100%;left: 0; right: 0; background: rgba(0, 0, 0, 0.78) !important;z-index: -1;}

	.header .mobnab ul li a {color: #ffffff;margin: 10px;padding: 5px;}

	.header.fixed .navi ul li a{color: #ffffff;}

	.header .mainHeader .mobnab > ul {display: block;margin-top: 59px;}

	.menuBtn{display: inline-block;z-index: 99999;}

	.mobnab-logo{padding: 37px;}

	.menuBtn div {position: relative;width:30px;display: inline-block;vertical-align: middle;border-radius: 50%;    transition: all 300ms ease-in-out;}

	.menuBtn span{width:100%;height:2px;float:right;background:var(--primary-color); margin:2px 0;position:relative;right:0;	-webkit-transition:400ms ease-in-out all;transition:400ms ease-in-out all;}

	.menuBtn.closeMenuBtn span#menuLine1{-webkit-transform:rotate(45deg) translate(2px, 2px);transform:rotate(45deg) translate(2px, 2px);}

	.menuBtn.closeMenuBtn span#menuLine2{-webkit-transform:rotate(-45deg) translate(2px, -2px);	transform:rotate(-45deg) translate(2px, -2px);}

	.menuBtn.closeMenuBtn span#menuLine3{display:none;}

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

	.logo{width: 200px;}

}



@media (max-width:1024px){

	#banner {height: 80vh;}

	.bannerText{top: 16%;}

	.bannerText .h1 {font-size: 2rem;}

	.textarea{ width:50%; padding-right:80px;}

	.overviewImg{ width:50%;}

	.counter-window {margin-top:110px;}

	.counter-window .main-div-cou .coun-data > div, .counter-window .main-div-cou .counter { font-size: 50px;}

	.overviewImg .imgBox img {width: 100%;}

	.overviewImg .imgBox #img1 {left: -72px;top: 30px;}

	.overviewImg .imgBox #img2 {left:-28px;}

	.overviewImg .imgBox #img3 {left: 0;top: 6em;}

	.overviewImg .imgBox { padding:0;}

	.padding {padding-top: 20px; padding-bottom:20px;}

	.heading{margin-bottom:20px;}

	.heading h2{margin-bottom:20px;font-size: 38px;}

	.heading h6 { margin-bottom: 20px;}

	.hm-projectBox{flex: 0 0 36%;max-width: 36%;}

	.newsBox .img-fluid{height: 350px; padding-top: 1rem;}	

} 



@media (max-width:812px){

	.bannerText .h1 {font-size: 31px;}

	.textarea {width: 100%; padding-right: 0;}

	.overviewImg { width: 71%; margin: 30px auto;}

	#img1 {left: -100px;top: 40px;}

	.projectImg {width: 100%; height: 300px; position: static;}

	.hm-projectBox {flex: 0 0 100%; max-width: 100%;margin-top: 40px;}

	.heading h2{margin-bottom:10px;font-size: 28px;}

	.heading h6 {margin-bottom: 10px;}

	.heading {margin-bottom: 10px;}

	.newsBox { flex: 0 0 100%;max-width: 100%; margin:8px 0;}.padding { padding-top: 30px;padding-bottom: 30px;}

	.number-img{margin: 0 auto;width: 70%;}

	.number-text article {padding: 12px 20px;text-align: center;}

	.scheduleBtn a {max-width: 314px; margin-right:auto !important; margin-bottom:30px;}

	.entertainmentBox .col-md-9{flex: 0 0 100%;max-width: 100%;display: list-item;height: 416px; margin:0; padding:0;}

	.entertainmentBox .col-md-5 { -ms-flex: 0 0 97%;flex: 0 0 97%;max-width: 97%;}

	.entertainmentBox .flex-nowrap{flex-wrap: wrap !important;max-width: 100%;flex: 0 0 100%;margin: 0;}

	#exploreSlider {margin-right: 0;}

	.amenBox{ flex: 0 0 50%;max-width: 50%;}

	.truevalue .carousel-item img {height: 320px;}

	.get-in-touch-text h2{font-size: 2.25rem;}

	.footHead{margin-bottom: 1rem;}

}





@media (max-width:768px){

	.textarea{margin: 20px 5px;width: 97%;}

	.container {max-width: 100%;}

	.heading h2 {font-size: 37px;}

	.hm-projectBox{padding-top: 0; padding-bottom: 0;}

	.fields{ flex: 0 0 100%;max-width: 100%;}

	.newsBox .img-fluid{height: auto;}

}



@media (max-width:767px){

	.bannerText .h1 {font-size: 20px;}

	.bannerText h1 strong, .bannerText h2 strong{ margin-left:10px; padding-left:10px;}

	.mobnab-logo {padding: 13px 53px;}

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

	.overviewImg .imgBox #img2 {left:-18px;}

	.overviewImg .imgBox #img3 { top: 5em;}

	.counter-window{flex-wrap: wrap;}

	.counter-window .main-div-cou{flex: 0 0 50%;max-width: 50%; }

}



@media (max-width:576px){

}



@media (max-width:575px){

	.logo {width: 170px;}

	.bannerText{width: 80%;}

	.bannerText .h1 {font-size: 1.5rem;}

	.rera{position: static; padding: 0 1rem; text-align: center;}

	.newsBox a 

	{

    border: 1px solid #d3a5ab;

	}

	.newsBox aarticle {display: inline-block;

    align-items: center;

    bottom: 39px;

    padding: 6px 15px;

    width: 100%;

    position: static;}

	.newsBox a article p{border-left: 1px solid #69614d;margin-left: 10px;padding-left: 10px;}

	.newsBox a article span {margin-top: -15px; margin-left: 10px;}

	.entertainmentBox{padding-top:0;}

	.entertainmentBox .col-md-9 { height: 276px; }

	.amenBox section article span br{display: none;}

	.project-tag.h2{font-size: 1.5rem;}

}



@media (max-width:480px){

	.bannerText {top: 18%;}

	.bannerText .h1 {font-size: 1.25rem;}

	.header .mobnab ul li a {margin: 5px;}

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

	#banner {height:auto;}

	.priceBox{position: static; transform: none; text-align: center; background-color: #fff;}

	.priceBox .inner{width: 100%; clip-path: none; border-left: 0; padding: 10px;}

	.location-impression.artistic{display: block;}

	.mobnab {width: 100%;top: 0;}

	.mobnab-logo {margin-top: 80px;}

	.header .mainHeader .navi > ul > li.visitBtn { display: flex;}

	.textarea { margin: 10px 2%; width: 96%;}

	.overviewImg .imgBox { right: -17px;}

	.overviewImg { width: 80%;margin: 30px auto;}

	.overviewImg .imgBox #img1 {left: -42px; top: 30px;}

	.counter-window .main-div-cou .coun-data > div, .counter-window .main-div-cou .counter {font-size: 27px;}

	.counter-window .main-div-cou:first-child {flex: 0 0 100%; max-width:100%;}

	.counter-window .main-div-cou {flex: 0 0 50%; max-width:50%; padding: 3px;}

	.counter-window .main-div-cou section{margin: 0; height: 100%; border: 1px solid rgba(255,255,255,.2); padding: 10px;}

	.counter-window {margin-top: 30px;}

	.hm-projectBox {flex: 0 0 96%;max-width: 96%;margin: 30px 2% 0; text-align: center;}

	.heading h2 {font-size: 30px;}

	.hm-project{ margin-top:0;}

	p {font-size: 14px;}

	.featBox {max-width: 50%;flex: 0 0 50%;}

	.featBox section .img-fluid {width: 40px; margin-bottom: 15px;}

	.entertainmentBox{ padding-top:0;}

	.truevalue .carousel-item img {height: 200px;}

	.p-5 {padding: 15px !important;}

	.penthouse_number_bg:before {left: 0;}

	.number-img { margin: 0;width: 100%; padding: 0;}

	.featSlider{ margin-bottom:0 !important;}

	.newsBox a article {width: 100%;}

	.number-text article h2 {font-size: 2.25rem;}

	.hm-entertainmentContainer .container{ padding:0;}

	.valueContainer .container{ padding:0;}

	.valueContainer .container .p-5{padding:40px 15px !important;}

	.amenBox {flex: 0 0 100%;max-width: 100%;}

	.get-in-touch-text h2 {font-size: 26px;}

	.footer-area {padding-top: 30px;padding-bottom: 50px;}

	.footHead { margin-bottom: 15px;margin-top: 38px;}

	.readmore a, .readmore button{padding: 10px 1rem; font-size: 13px;}





}



@media (max-width:425px){

	.logo {width: 150px; }

	.header .mainHeader .mobnab > ul {margin-left: 19px;}

	.bannerText{width: 90%;}

	.bannerText .h1 strong{padding-left: 12px; margin-left: 12px;}

	.sticky-form {position: static;transform: translateY(-0%); width: 100%;;}

}



@media (max-height:575px){
.sticky-form {
    position: static;
    transform: translateY(-0%);
    width: 100%;
}
}



@media (max-width:320px){

	.bannerText .h1 {font-size: 12px;}

	.header .mobnab ul li a {margin: 3px;}

}