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

:root{

	--primary-color:#f7941e;

	--dark-rose:#00252b;

	--body-color: #191919;

	--light:#aff4ff;

	--primary-grad: linear-gradient(45deg, var(--dark-rose), var(--primary-color), var(--dark-rose));

	--serif: "Marcellus", serif;

}

body {

	color:var(--body-color);

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

	font-weight:400;

	overflow-x:hidden;

}

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

a,

a:hover {

  text-decoration: none;

}

img {

  width: 100%;

  display: block;

}



.position-relative{

	z-index: 1;

}



.hidden-text{

	height: 100%;

	width: min-content;

	position: absolute;

	left: 2.6vw;

	top: 0;

	transform: rotate(-90deg);

	font: 600 10vw / 0.3 var(--serif);

	text-transform: uppercase;

	color: rgb(0 0 0 / 25%);

	z-index: -1;

	pointer-events: none;

}

.filter-white{

	filter:brightness(50);

}

.filter-dark{

	filter:grayscale(1) brightness(0.5);

}



/*header*/

.header {

  width: 100%;

  background-color: #fff;

  position: fixed;

  top: 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:220px;

	height:auto;

	position: relative;

	min-height: 1px;

	z-index: 1;

	transition:all 300ms ease-in-out;

}

.logo img{

	height:auto;

	transition:all 300ms ease-in-out;

}



.header .mainHeader .navi > ul{

	display:flex;

	align-items:center;

}

.header .mainHeader .navi > ul > li{

	margin:0 16px;

	position:relative;

}

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

	color:var(--dark-rose);

	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: linear-gradient(45deg, var(--dark-rose), var(--primary-color), var(--dark-rose));

	background-size: 200% 200%;

	color:#fff;

	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:13px;

	transition:all 300ms ease-in-out;

}

.header.fixed{

	background-color: #fff;

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

}

.header.fixed .logo{

	width: 140px;

}

.header.fixed .logo img{

	-webkit-filter: brightness(1);

	filter: brightness(1);

}

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

	padding:8px 10px;

}

/*header*/



#banner{

	margin-top: 87px;


	position:relative;

	background:#000;

	z-index:1;

}



#banner::before{

	content: '';

	position: absolute;

	inset: 0;

	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));

	z-index: 1;

	pointer-events: none;

}



#banner .banner-video{

	height:100%;

	width:100%;

	object-fit:cover;

}



.bannerText{

	text-align:center;

	position:absolute;

	left:50%;

	bottom:2rem;

	transform:translateX(-50%);

	z-index: 2;

}



.maindiv-bannertext:not(:last-child){

	border-right: 1px solid rgb(255 255 255 / 25%);

}



.maindiv-bannertext .inner{

    align-items: center;

    column-gap: 1rem;

    color: #fff;

    text-align: center;

	

}



.bannertext-icon{

    width: 60px;

    margin: 0 auto 1rem;

}



.banner-text .readmore .button

{

    background-image: linear-gradient(45deg, var(--dark-rose), var(--primary-color), var(--dark-rose));

    color: #fff;



}

.text-serif{font-family: var(--serif);}

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

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

.text-light{color: var(--light) !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-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;

}





.sticky-form{

    position: absolute;

    z-index: 9;

    top: 50%;

    transform: translateY(-50%);

    width:320px;

    background-color: #fff;

    right: 1rem;

    padding: 1rem;

}

.stickyForm h6 {

    text-transform: uppercase;

    font-weight: 700;

    padding-bottom: 10px;

    color: var(--body-color);

    border-bottom: 1px solid rgb(0 0 0 / 10%);

}



.priceBox{margin-bottom: 0;}



.priceBox .inner{

	background-color: #fff;

	color: var(--primary-color);

	padding: 10px;

	text-align: center;

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

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

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

}

.priceBox .inner .h3{

	font-weight: 900;

	line-height: 1;

}

.borderebanner

{

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

    /* color: #fff; */

    margin: 10px 0 0 0;

    padding-top: 8px;

}

.priceBox .inner h6{

	font-weight: 900;

	text-transform: uppercase;

}



.located{

	background-color: var(--primary-color);

	color: #fff;

	padding: 6px;

	text-align: center;

	margin-bottom: 1rem;

    display: flex;

    justify-content: center;

    gap: 5px;

}



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

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

.bg-gradient{background: linear-gradient(45deg, #f9ab4d, #e1ae7c) !important;color: #000;}

.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;

}



.gemstone{

	width: 50px;

}



.heading {

	display:table;

	position:relative;

	margin-bottom:40px;

	z-index:1;

}



.heading.d-flex {

	gap: 1rem;

	align-items: center;

}



.heading h6 {

	color:#191919;

	text-transform:uppercase;

	position:relative;

	padding-left:70px;

	margin-bottom:1em;

	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: #000000;

}

.heading h2 {

	font: 400 3.5rem var(--serif);

}

.heading h4 {

	font: 400 2rem/1 var(--serif);

}

.hm-overview{

	position: relative;

	z-index: 1;

	background:#fff;

    color: #000;

}



.overviewImg img{

	-webkit-aspect-ratio: 1 / 1;

	aspect-ratio: 1 / 1;

}



.showmoregal{

	display:none;

}

/*COUNTER STARTS*/

.counter-window{

	width:100%;

	margin-top: 3rem;

	padding: 10px;

	border: 1px solid rgb(74 74 74 / 20%);

	display:flex;

	flex-wrap:wrap;

	justify-content:space-between;

}

.counter-window span{

	color: #0a0a0a;

	display:inline-block;

	vertical-align:top;

}

.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:not(:last-of-type){

	border-right: 1px solid rgb(50 48 48 / 20%);

}



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

	position:relative;

	font-weight: 900;

}

.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{

	font-size:2rem;

	font-weight: 900;

	color: #0b0c0c;

	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;

	font-weight: 500;

}

/*COUNTER ENDS*/



/* highlights */

.highlightBox .inner{

	display: flex;

	height: 100%;

	border: 1px solid rgb(0 0 0 / 20%);

	background-color: #fff;

	color: var(--body-color);

	transition: all 300ms ease-in-out;

}



.highlightBox a.inner{

	border: 0;

}

.highlightBox a.inner:hover{

	background-color: var(--light) !important;

	color: var(--dark-rose);

}



.highlightBox .inner .count{

	flex: 0 0 70px;

	max-width: 70px;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	border-right: 1px solid rgb(0 0 0 / 20%);

	font-weight: 900;

	font-size: 1.5rem;

	color: var(--primary-color);

	padding: 10px;

    flex-wrap: wrap;

}

.highlightBox .inner .rightbox{

	padding: 1rem;

	align-self: center;

}



/* highlights */



.typesBox{

	align-self: center;

}



.list{

	padding-left: 20px;

}



.list li::marker{

	color: var(--primary-color);

}



.iconBox .img-fluid{

	max-width: 35px;

	margin-bottom: 10px;

}



.iconBox.sm span{

	font-size: 13px;

}



.iconBox .d-flex{

	gap: 10px;

}



.iconBox .d-flex .img-fluid{

	border-radius: 50%;

	border: 1px solid var(--primary-color);

	max-width: 45px;

	padding: 8px;

}



.iconsContainer .iconBox .inner.d-flex{

	padding-bottom: 10px;

	border-bottom: 1px solid rgb(0 0 0 / 10%);

	font-size: 13px;

}



/* spotlight */

.loc-video video{

	width: 100%;

}



.loc-container .loc-text ul{

	margin-top: 30px;

}



.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{

	/* display: flex;

	justify-content: space-between;

	align-items: center; */

	padding: 5px 0;

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

}



.loc-container .loc-text ul li::marker{

	color: var(--light);

}



.loc-container .loc-text ul.list-inline li{

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.loc-container .loc-text ul li .loc-row{

	display: flex;

	align-items: center;

}



.loc-container .loc-text ul li .loc-row img{

	flex: 0 0 25px;

	max-width: 25px;

}



.loc-container .loc-text ul li .loc-row p{

	margin-bottom: 0;

	padding-left: 10px;

}



.loc-container .loc-text ul li .loc-dist{

	color: var(--gold);

}



.loc-container .loc-text ul li .loc-dist small{

	font-size: 13px;

	color: rgba(238,238,238,.8);

	margin-left: 5px;

}

/* spotlight */





.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:20%;

	flex:0 0 20%;

}

.featBox section{

	padding:20px;

}

.featBox section .img-fluid{

	width:60px;

	margin-bottom:25px;

	-webkit-filter: brightness(1.6);

	filter: brightness(1.6);

}

.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;

}



.poolWrapper{

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

}



.infinity_pool_bg{

	width: 100%;

	height: 100%;

	object-fit: cover;

	/* position: absolute; */

	inset: 0;

	/* opacity: 0.8; */

	z-index: -1;

}



.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;

	background-color: #fff;

	color: initial;

	text-align: center;

    transition: all 300ms ease-in-out;

}

.newsBox a:hover {

    box-shadow: 0 1rem 3rem rgb(0 0 0 / 20%);

}

.newsBox .img-fluid{

	padding: 1.5rem;

    border: 1px solid var(--primary-color);

}



.newsBox a article{

    padding: 1rem;

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

    border-width: 0 1px 1px;

    transition: all 300ms linear;

}

.newsBox a:hover article {

    background-color: #f4f4f4;

}

.newsBox a article p {

    line-height: 0.6;

}

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

	background-size:cover;

	background-blend-mode: hard-light;

	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:#e1fbff;

	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 var(--serif);

}



.readmore{

	width:100%;

	margin-top:20px;

}

.readmore.d-flex, .readmore.d-md-flex{

	gap: 10px;

}

.readmore .button{

	display:table;

	padding:11px 14px;

	font-size:15px;

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

	background-size: 200% 200%;

	color:#fff;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing:1px;

	transition:all 300ms ease-in-out;

    cursor: pointer;

    min-width: 200px;

}

.readmore button{

	border:none;

	outline:none;

}

.readmore .button:hover{

	background-position:100% 100%;

}

.readmore .button.bg-primary{

	background-image: none;

	color: #fff;

}

.readmore .button.bg-primary:hover{

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

}

    



.modal-content{

	border-radius: 0;

	padding: 1rem;

	background-color: #fff9f0;

}

.modal-body{

	padding: 1rem;

	border: 4px double rgb(0 0 0 / 50%);

}



.modal-logo{

	width: 180px;

	margin: 0 auto 1rem;

}



button.close{

	position: absolute;

	right: 0px;

	top: 0px;

	width: 30px;

	height: 30px;

	line-height: 1;

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

	color: #fff;

	border: 0;

}



button.close:hover{

	background-color: var(--primary-color);

}



.modal-title{

	margin-bottom: 1rem;

	padding-bottom: 10px;

	color: var(--dark-rose);

	font-weight: 700;

    border-bottom: 1px dashed rgb(0 0 0 / 30%);

}



.form-group{

	margin-bottom:20px;

}

.form-control{

	font-size:14px;

	padding:12px 16px;

	height:auto;

	background-color:#f8f8f8;

	border:none;

	border: 2px solid #989898;

	color:#181818;

	border-radius:0;

	transition:all 300ms ease;

}

.form-control:focus{

	background:#fff;

	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-weight: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;

    justify-content: center;

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

    font-size: 1.25rem;

    letter-spacing: 1px;

    color: var(--light);

    padding: 1rem;

}

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

	margin-right: 14px;

    border-right: 1px solid var(--primary-color);

    padding: 5px 15px 5px 0;

}

.get-in-touch a:hover{

	color:#fff;

}

.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:1.5rem;

	padding-bottom:1.5rem;

	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(0 37 43 / 78%);

	backdrop-filter: blur(1px);

	z-index: -1;

}

.footerLinks ul{

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	gap: 1rem;

}

.footerLinks ul li {

	flex-grow: 1;

}

.footerLinks ul li a{

	display:block;

	color: var(--dark-rose);

	background-color:var(--light);

	text-align: center;

	padding:10px 1rem;

	font-weight: 700;

	transition:all 300ms ease-in-out;

}

.footerLinks ul li a:hover{

	background-color: #fff;

}

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



.table td, .table th {

    vertical-align:middle;

    border-color: rgba(255, 255, 255, 0.14) !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%);

}

.tatalogo

{

  position: absolute;

  bottom: 2px;

  z-index: 99;

  width: 200px;

  left: 2px;



}



/* -----Accordion----- */

.accordion-header {

	margin-bottom: 1px;

  }

  

  .accordion-wrapper .accordion-header {

	padding: 0;

	background-color: transparent;

	border-radius: 0;

  }

  

  .accordion-button {

	width: 100%;

	padding: 14px 20px;

	line-height: normal;

	display: flex;

	align-items: center;

	justify-content: space-between;

	font-weight: 700;

	background-color: var(--primary-color);

	color: #fff;

	border-radius: 0;

	border: 1px solid rgb(0 0 0 / 10%);

  }

  

  .accordion-button.collapsed {

	color: var(--primary-color);

	background-color: #fff;

  }

  

  .accordion-button i {

	transition: all 300ms ease-in-out;

	transform: rotate(225deg);

	color: var(--secondary-color);

  }

  

  .accordion-button.collapsed i {

	transform: rotate(0deg);

	color: var(--primary-color);

  }

  

  .accordion-wrapper .card-body {

	border: 1px solid rgb(0 0 0 / 10%);

	background-color: #fff;

	margin-bottom: 1rem;

	padding: .5rem 1.5rem;

  }

  .accordion-item

  {

	border: none;

  }

  .accordion-button:not(.collapsed) {

    color: #ffffff;

    background-color: var(--primary-color);

}

.accordion-button:not(.collapsed)::after {

    filter: brightness(50.5);

}

  .our-legacy-of-success

  {

	background: #fff;

	color: #000;

	padding:1rem;

	height: 100%;

	text-align: center;

	}

  .our-legacy-of-success-icon img

  {

	height: 100px;

	width: auto;

	margin: 0 auto 10px auto;

	}



  /* -----Accordion----- */

/*responsive*/

@media (min-width:1340px){

	.container{max-width: 1280px;}

}

@media (min-width:1600px){

	.container{max-width: 1480px;}

}



@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: var(--primary-grad);position: fixed; left:0;}

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

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

	.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;}

	.heading{margin-bottom:20px;}

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

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

} 

@media (max-width:991.9px){

	body{font: 14px;}

	.row.padding{padding-top: 0; padding-bottom: 0;}

	.loc-video iframe{height: 350px !important;}

	.newsBox a article{border-width: 1px 1px 1px 0;}

	#banner {

    margin-top: 40px;

	}

}

@media (max-width:812px){

	.projectImg {width: 100%; height: 300px; position: relative; margin-bottom: 2rem;}

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

	.heading h4{font-size: 1.5rem;}

	.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;}

	.penthouse_number_bg:before{left: 0;}

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

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

	.entertainmentBox{ padding:0; margin: 0 -15px;}

	.entertainmentBox .row{margin: 0;}

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

	.entertainmentBox .col-md-5{padding: 0 15px;}

	.enter-points{padding-right: 0;}

	.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;}

	.amenBox section{height: 150px;}

	.amenBox section .icon{width: 32px; right: 15px; top: 15px;}

	.amenBox section article{left: 15px; bottom: 15px;}

	.amenBox section article span{font-size: 1.25rem;}

}

@media (max-width:768px){

	.container {max-width: 100%;}

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

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

}

@media (max-width:767px){

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

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

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

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

	.featBox {

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

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

	}

	.get-in-touch-text h2{text-align: center; margin-bottom: 1.5rem; font-size: 1.5rem;}

	.get-in-touch a, .footerAbout .footCall a{font-size: 1rem;}

}



@media (max-width:575px){

	html{font-size: 87.5%;}

	.logo {width: 170px;}

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

	.newsBox a article{border-width: 0 1px 1px 1px;}

	.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; border: 0 !important;}

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

	.counter-window {margin-top: 20px; padding: 0; border: 0;}

	.entertainmentBox{padding-top:0;}

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

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

	.neighb-accordBtn h6{font-size: 14px;}

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

	.featBox section p.text-uppercase{font-size: 12px;}

	.table thead th:first-of-type, .table tbody td:first-of-type{display: none;}

	.readmore .button{letter-spacing: normal; font-size: 13px; flex-basis: 0; flex-grow: 1;}

	.table .readmore .button{width: 100%;}

	.gemstone {width: 30px;}

}

@media (max-width:480px){

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

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

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

	#banner {height:auto;}

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

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

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

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

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

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

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

	.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;}

	.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;}

	.bannerText{

	width: 100%;

	position: inherit;

	background: #000000;

	left: 0;

	transform: none;

	padding: 10px;

	bottom: 0;

}

.maindiv-bannertext:not(:last-child) {

    border-right: none;

    border-bottom: 1px solid rgb(255 255 255 / 25%);

}

.maindiv-bannertext{

    padding: 10px;

}

}

@media (max-width:425px){

	.logo {width: 150px; }

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

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

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

	.located {

		background-color: var(--primary-color);

		display: flex;

		justify-content: center;

		align-items: center;

		gap: 5px;

	}

}

@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;}

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

}