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

.text-bubble{
    display: inline-block;
	transition:.3s;
}

.whatsapp-brochure {
    position: absolute;
    right: 0;
  /*  bottom: 0;*/
   /* font-size: 12px;*/
/*top:31px;*/
	    top: 50%;
    transform: translateY(-50%);
}

.whatsapp-brochure img{
	width: 30px
}
h3.location-name {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
   font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.ongoing-projects .photo-copy_w1{
    display: block;
	z-index: 1
}

.ongoing-projects .edit-cta-w1{
	z-index: 1
}
.ongoing-projects .photo-copy_w1 span{
    font-size: 12px;
	display: block
}
.ongoing-projects .edit-item__cover{
    background-color: transparent
}
.new-projects .edit-item__cover{
    background-color: transparent
}
.rera-title{
   text-align: center;
    margin: 50px 0;
    font-size: 2.5em;
    letter-spacing: 1px;
}.copyright{
    font-size: .75em;
    line-height: 1.2;
    position: relative;
    text-transform: uppercase
}
.instagram-post-section .grid-column-item__img{
        /*object-fit: inherit;*/
}
.heading--large.is--loader{
    line-height: 1.2
}
.project-page-loader.heading--large.is--loader{
    line-height: 1.5
}
.top-20{
	top:20px
}
.life-at-sun-video{
position: relative
}
.life-at-sun-video:before{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index: 1
}
.terms-inner__text p{
	margin-bottom: 20px;
	text-align: justify;
	    font-size: 14px;
    letter-spacing: 0.3px;
}
.menu-meta__links a.text--link.is--tiny{
	    font-size: 0.63rem;
}
.section.is--inner-title{
	padding-top: 10em;
    padding-bottom: 4em;
}
.pt-0{
	padding-top: 0 !important
}
.projects-page .w-dyn-item{
	padding: 0 2px;
	
	
}

.projects-page .project-box{
	margin-bottom: 10px
}
.projects-page .product-details h6 {
    margin-bottom: 3px;
    text-align: center;
	font-size: 14px;
}
.projects-page .product-details p{
	text-align: center;
}
.projects-page .product-details{
	display: block;
	margin-bottom: 15px
}
.projects-page.location-page .shop-list{
	    grid-row-gap: 0.5em;
}



.events-page .w-dyn-item{
	padding: 0 2px;
	
}
.events-page .project-box{
	margin-bottom: 10px
}
.events-page .product-details h6 {
    margin-bottom: 3px;
    text-align: center;
	font-size: 14px;
}
.events-page .product-details p{
	text-align: center;
}
.events-page .product-details{
	display: block
}



.news-page .w-dyn-item{
	padding: 0 2px;
	background: #f3f3f3;
    margin-bottom: 10px;
	
}
.news-page .project-box{
	margin-bottom: 10px
}
.news-page .product-details h6 {
    margin-bottom: 3px;
    text-align: center;
	font-size: 14px;
}
.news-page .product-details p{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.news-page .product-details{
	display: block
}


.border-bottom-thik{
	border-bottom: 5px solid black
}
.text-center{
	text-align: center
}
.about-title-detial{
	margin-top: 20px;
	letter-spacing: 0.5px;
	font-size: 13px;
	max-width: 450px
	   
}





.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
	display: block !important
    
}
.parent .fa-chevron-down::before {
    
    font-size: 9px;
    margin-left: 2px;
}
.nav ul {
    list-style: none;
    width: 6em;
	
}
.nav ul li a {
       padding: 7px 15px;
    color: #fff;
    font-size: 12px;
	letter-spacing: 0.5px;
	
}

.nav li {
    position: relative;
	  
}
.nav > li {
    float: left;
    
}
.nav ul li {
       border-bottom: 1px solid #45484a;
    
}
.nav ul li:last-child{
	border-bottom: 0
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	    margin: 0;

}
.nav > li.hover > ul {
    left: 0px;
	padding: 0;
	border-radius: 1em;
    background: black;
}

.nav li li a {
    display: block;
   /* background: black;*/
    position: relative;
    z-index:100;
   
}
#form_process {
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: 1.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: 1.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	
	text-align: center;
	margin: 10px auto 0;
	
	position: relative;
	visibility: hidden;
	color: #000
}
#error_data {
	color: red;
	font-size: 14px;
	margin: 50px 0 0;
	line-height: normal;
	text-align: center
}
.alert.alert-danger p {
	color: #fff;
	background: red;
	border-radius: 24px;
	padding: 10px
}
.alert.alert-danger {
	color: #454545;
	background-color: #ffb4b4;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
.alert.alert-success {
	color: #508e14;
	background: #f0f0f0;
	padding: 10px 15px;
	font-weight: 700;
	letter-spacing: .5px;
	line-height: 28px
}
@-webkit-keyframes spinnerRotate {
from {
-webkit-transform:rotate(0)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spinnerRotate {
from {
-moz-transform:rotate(0)
}
to {
	-moz-transform: rotate(360deg)
}
}
@-ms-keyframes spinnerRotate {
from {
-ms-transform:rotate(0)
}
to {
	-ms-transform: rotate(360deg)
}
}
input:focus~.form-label, input[type=plain]:not(:placeholder-shown)~.form-label{
	bottom: 3rem;
}
 .form-input-field:focus {
    outline: none;
  }
.inquiry-form{
	padding-bottom: 3em !important;
	padding-top: 3em !important;
}

.inquiry-form .w-button {
  
  background-color: black;
	    width: 100%;
    max-width: 20em;
	padding-left: 4.5em;
    padding-right: 4.5em;
	color: #fff;
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    padding: 0.875em 1.5em 1em;
    font-size: .75em;
    line-height: 1.3;
    /*display: flex;*/
	    display: block;
    position: relative;
    margin: 50px auto 0;
    text-align: center;
   
}
.inquiry-form .btn-w {
    margin: auto;
    display: block;
    width: 100%;
}
.bg-white{
	background-color: #fff
}
.project-main-name{
	font-weight: bold;
	margin-bottom: 10px
}
.contact-details-box{
	background-color: #fff;
	padding-bottom: 3em !important;
}

.contact-page-detail{
	
	 
	   /* background: #f3f3f3;
    padding: 30px;*/
    width: 30%;
    margin: 40px auto;
}
.contact-page-detail span {
    display: inline-block;
	font-weight: bold;
	text-transform: uppercase
}
.project-location-btn{
	padding: 1.5em
}
/*.address-box{
	margin-bottom: 30px;
	    border-bottom: 1px solid #1111116b;
    padding-bottom: 20px;
	position: relative
}
.address-box:after{
content: "";
    position: absolute;
    width: 36px;
    height: 2px;
    background-color: #000;
    left: 0;
    bottom: -2px;
	}*/
.pad-left {
    padding-right: 61px;
}
.mt-80{
	margin-top: 80px
}
.mt-50{
	margin-top: 50px
	
}
.mt-20{
	margin-top: 20px
}
.contact-details-box{
	
}
.redevelopment-list {
    margin-top: 50px;
    padding-left: 0px;
}
.redevelopment-list li {
    list-style: none;
    padding: 0 2px;
	text-align: center;
    margin-bottom: 20px;
	width: 50%;
    float: left;
	font-size: 12px;
	text-transform: uppercase
    
}
.redevelopment-list li img{
	    width: 40px;
    display: block;
    margin: 0 auto 10px;
}
.about-sun-content p {
    margin-top: 1.25em;
}
.about-sun-content p a{
	    color: #F0761C;
}
.file-wrapper {
    overflow: hidden;
    background: #fff;
    padding: 0 20px;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    cursor: pointer;
  
    width: 100%;
}
.file-wrapper input {
    left: 0;
    opacity: .01;
    cursor: pointer;
    position: absolute;
    -moz-opacity: .01;
    filter: alpha(opacity=1);
}
.file-wrapper .file-button {
    color: #fff;
    float: left;
    cursor: pointer;
    margin-left: -20px;
    padding: 15px;
    background: linear-gradient(to right top, #000, #000, #000, #000, #000) !important;
    display: inline-block;
}
.file-wrapper input#resume {
    font-size: 13px;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 10px 32px;
    display: block;
    margin-bottom: 10px;
}
.file-holder {
    top: 15px;
    padding-left: 15px;
    position: absolute;
    left: auto;
}
.float-input {
    width: 100%;
    float: left;
    padding-right: 0px;
    position: relative;
}
.redvelopment-yn {
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    margin-bottom: 0;
    margin-top: 0px;
}
.redvelopment-yn label {
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: 0;
    color: #666;
    font-weight: 500;
}
.redev-text{
	    top: -20px;
    position: relative;
}
.checkbox label, .radio label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.col-md-2, .col-md-6{
	float: left
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-6 {
    width: 65%;
}
.gallery-page .product-details{
	margin-top: 15px
}
.gallery-page .product-details p{
	margin-top: 10px
}
.milestone-h2 {
    margin-bottom: 20px;
    padding: 0 20px;
}

.redev-text{
letter-spacing: -.015em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 0.85rem;
    font-weight: 300;
    line-height: 1;	
}
.map iframe{
	height: 300px
}
.mb-0{
	margin-bottom: 0
}
.corporate-office-picture{
	position: relative
}
.corporate-office-picture h4{
	   color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 99999;
    right: 0;
    background: #0006;
    padding: 10px 20px;
    left: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-weight: normal;
	font-family: TT Gateral, sans-serif

}
.grecaptcha-badge{
	    right: -386px !important;
}
.photo-copy_w1 .text--med.is--caps{
	font-weight: 600;
}
.photo-copy_w1 span{
	/* font-weight: 600 */
}
.text-normal{
	text-transform: none
}
.pb-50{
	padding-bottom: 50px
}
.pb-0{
	padding-bottom: 0 !important
}
.ongoing-projects .edit-cta-inner__text{
	font-weight: 600}
footer .page-padding{
	    margin-bottom: -13px;
}
.explore-projects-btn{
	top:0px;
	
}
.inner-page-detail-section{
	padding-top: 9.5em !important;
}
.owl-dots{
	display: none
}
.list-project-type{
	position: relative;
    top: -32px;
    font-size: 12px;
	
}

.milestone-text{
	display: block;
    position: relative;
    margin-top: 5px;
    font-size: 12px;
    text-transform: none;
	line-height: 15px;
	font-weight: normal;
	/*text-align: justify*/
}
.mb-20{
	margin-bottom: 20px !important
}
/*
.location-page .product-details p{
	margin-bottom: 15px
}
*/


.main-btn-rect,
.main-btn-circle{
	position: relative;
	margin: 0;
	
	color: #fff;
	background-color: black;
	
	
	outline: none;
	cursor: pointer;
	z-index: 100;
}

.main-btn-circle:hover, .main-btn-rect:hover{
	background-color: #f3004b;
	transition: .3s;
}



.main-btn-rect:before {
  left: 0;
}
.main-btn-rect:after {
  right: 0;
}
.main-btn-rect:hover:before, 
.main-btn-rect:hover:after{
  width: 50%;

}

.popup{
  position: fixed;
	top: 100%;
  width: 100%;
  height: 100%;
  z-index: 10001;
}
.popup.active{
  top:0;
  background-color: rgba(0, 0, 0, 0.8); 
  transition: background-color .6s ,opacity .6s;
}

.popup .popup-content{
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 568px;

  min-width: 320px;
  margin-top: 150px;
  padding: 25px 5px;
  background-color: #fff;
  color: black;
  
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transition: margin .6s;
  -webkit-transition: margin .6s;
  -moz-transition: margin .6s;
  -o-transition: margin .6s;
}
.popup.active .popup-content{
  margin-top: 0px;
}
.popup-content h6{
  display: table;
  
  text-align: center;
  margin: 0px auto 30px;
  
 
  letter-spacing: -.03em;
    font-family: TT Gateral, sans-serif;
    font-size: 1.9em;
    font-weight: 500;
    line-height: 1.2;  
}






.main-btn-rect {
	position: relative;
	/*display: block;*/
	padding: .875em 2.5em .875em;
	margin: 0px auto;
	font-size: .75em;
    line-height: 1.3;
	    border-radius: 100em;
}

.popup .fade-out{
 position: relative;
  cursor:pointer;
    padding: 1em 3.2em 1em;
    margin: 0px auto;
    font-size: .75em;
    line-height: 1.3;
    border-radius: 100em;
}
.brochure-text{
    text-align: center;
    margin-bottom: 20px;
}

.btn-brochure{
	margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center;
}
.number-font-style{
	font-family: 'Montserrat', sans-serif
}
.font-16{
	font-size: 16px
}
.photo-copy_w1{
	position: absolute;
    color: #fff;
    bottom: 1em;
    left: 1.25em;
    right: auto;
    letter-spacing: 0.5px;
	font-size: 14px
}

.photo-copy_w1 .text--med.is--caps {
    font-weight: 600;
}
.edit-cta-w1{
	      width: 3em;
    height: 2em;
    color: #fff;
	    position: absolute;
    bottom: 0em;
    right: 0em;
    font-weight: 600;
	background-color: #f3004b;
	border-radius: 5px;
}
.trending-word{
	font-size: 12px;
    top: -19px;
	 animation: blinker 2.5s linear infinite;
	color: #ea5e20;
    font-style: italic;
}
.upcoming-project-blink{
	
	 animation: blinker 2.5s linear infinite;
	color: black;
    
}
.whats-new-blink{
	
	 animation: blinker 2.5s linear infinite;
	color: #fff;
    
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.whats-new-section{
	padding-bottom: 3em
}
.locate-us-section {
    padding-bottom: 3em;
}
.glimpses-section{
	padding-bottom: 3em
}
.edit-item1 {
    width: 100%;
    height: 36em;
    max-height: 95vh;
    border-radius: 0.25em;
    flex: none;
    position: relative;
    overflow: hidden;
}
.hero-content.redevelopment-content{
	    max-width: 100%;
}
.about-project-details{
	text-transform: none;
	margin-top: 0
}
.project-page-title-center{
	    align-items: center;
	justify-content: center;
}
.know-more-section .whatsapp-brochure img {
  /* width: 40px;*/
/*    transform: rotate(-90deg);*/
}
.project-page-inquiry-form{
	background-color: #fff;
}
/*.project-page-inquiry-form h1{
	color:#fff
}

.project-page-inquiry-form .form-input-field{
	color:#fff;
	border-bottom: 1px solid rgba(255, 255, 255, .5)
}
.project-page-inquiry-form .form-label{
	color:#fff;
}
.project-page-inquiry-form .form-input-field:focus {
    border-bottom-color: rgba(255, 255, 255, .5);
}
.project-page-inquiry-form.inquiry-form .w-button{
	background-color: #fff;
	color:black
}*/
.project-address{
	padding-top: 0
}
.project-map-direction{
	line-height: 40px
}
.cursor-pointer{
	cursor: pointer
}
.delivered-grid-projects .projects-img img{
	    filter: grayscale(1);
}
.archive-btn {
	text-align: center;
	padding-bottom: 3em !important
}
.archive-btn a{
	display: inline-flex;
	font-weight: normal
}
.archive-btn .edit-cta-w1{
	
	position: relative;
	bottom: 5px;
    right: -10px;
}
.archive-btn .edit-cta-inner__border{
	border: 1px solid black;
	background: black;
	
	
}
.archive-btn .edit-cta-inner__text{
	color:#fff;
	z-index: 1;
}
.milestone-page .column-grid.tablet--smaller{
		grid-template-columns: 3fr 0fr;
	}
	.milestone-page .hotels-list.grid--view, .milestone-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 3fr 0fr;
	}
	.milestone-page .hotels__left{
		overflow: visible
	}
	.milestone-page .hotels-item__inner h3.text--small.is--caps{
		font-weight: 600;
		transform: none !important
	}
	.milestone-page .hotels-item__inner {
    padding-top: 1.6875em;
    padding-bottom: 1.6875em;
}
.milestone-page .hotels-item__inner .column-grid{
	    grid-column-gap: 0;
}
.milestone-page .hotels-list-w.is--list{
	display: grid
}
.milestone-page .column-grid.is--list__labels{
	display: grid
}
.milestone-page .column-grid{
	grid-template-columns: 3fr 0fr;
}
.milestone-page .hotels-item{
	/*display: flex*/
}
.archive-page .column-grid.tablet--smaller{
		grid-template-columns: 3fr 1fr;
	}
	.archive-page .hotels-list.grid--view, .archive-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 17fr 1fr;
	}
	.archive-page .hotels__left{
		overflow: visible
	}
	.archive-page .hotels-item__inner h3.text--small.is--caps{
		font-weight: 600;
		transform: none !important
	}
	body .archive-page .hotels-item__inner {
    padding-top: 1.6875em;
    padding-bottom: 1.6875em;
}
.archive-page .hotels-item__inner .column-grid{
	    grid-column-gap: 0;
}
.archive-page h3.location-name{
	margin-left: 0
}
.archive-page .location-title{
	margin-left: 0
}
.archive-grid.column-grid.is--list__labels{
	display: inline-grid
}
.archive-grid.column-grid{
	grid-template-columns: 17fr 1fr;
	grid-column-gap: 0 !important;
}
.disabled{
	    pointer-events: none !important;
    opacity: 0.5 !important;
	cursor: not-allowed !important
}
.project-size-line{
	    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.disabled{
	    pointer-events: none !important;
    opacity: 0.5 !important;
		cursor: not-allowed !important
}
	
}
.upcoming-page .column-grid.tablet--smaller{
		grid-template-columns: 3fr 1fr;
	}
	.upcoming-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 3fr 1fr;
		 grid-column-gap: 0;
	}
.upcoming-page .hotels-item__inner .column-grid{
	    /*grid-column-gap: 0;*/
}
body .upcoming-page h3.location-name{
	margin-left: 0
}
body .upcoming-page .location-title{
	margin-left: 0
}
.project-inquiry-btn{
    top: 0px;
    transform: none !important;
    margin-top: 30px;
	opacity: 1 !important;
	    
}
.list-items{
	padding-left: 10px;
    margin-bottom: 0;
	
}
.list-items li{
list-style-type: square;
}
.milestone-arrow{
		display: inline-block;
		    position: relative;
	    bottom: 0;
    right: 13px;
	}
	.milestone-arrow .edit-cta-inner__border{
		border:0
	}
.milestones-icon{
	    width: 25px;
    filter: invert(1) brightness(4);
    position: relative;
    top: -6px;
}

.ongoing-projects a.swiper-slide__inner.w-inline-block:after {
    position: absolute;
    content: '';
    background: #57565b8f;
    width: 100%;
    bottom: 0;
    height: 85px;
}
.delivered-grid-projects .list-project-type{
	 margin-left: 15px;
}
.ongoing-project-page .list-project-type{
	 margin-left: 15px;
}

.delivered-grid-projects .projects-img img{
	display: block
}
.delivered-grid-projects .projects-img span.green-dot-grid{
	position: relative
}
.delivered-grid-projects .projects-img span.green-dot-grid:after {
    position: absolute;
    background: green;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
   
    left: 7px;
    bottom: 10px;
    z-index: 99999;
}

.green-dot-list{
	position: relative;
	    margin-left: 15px;
}
.green-dot-list:after{
	    position: absolute;
    background: green;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: -15px;
	 
}
.red-dot-list{
	position: relative;
	    margin-left: 15px;
}
.red-dot-list:after{
	 position: absolute;
    background: red;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: -15px;
}
.delivered-grid-projects .projects-img span.red-dot-grid{
	position: relative
}
.delivered-grid-projects .projects-img span.red-dot-grid:after {
    position: absolute;
    background: red;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
   
    left: 7px;
    bottom: 10px;
    z-index: 99999;
}
.ongoing-project-page .projects-img img{
	display: block
}
.ongoing-project-page .projects-img span.green-dot-grid{
	position: relative
}
.ongoing-project-page .projects-img span.green-dot-grid:after {
    position: absolute;
    background: green;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
   
    left: 7px;
    bottom: 10px;
    z-index: 99999;
}

.snap-shot-brn{
	width: 23em;
	font-size: .875em;
	margin-left: auto;
    margin-right: auto;
}

.snap-shot-brn a{
    width: 100%;
    height: 3.5em;
    color: #fff;
    background-color: black;
    border-radius: 100em;
    justify-content: center;
    align-items: center;
    padding: 1.875em 1.875em;
    font-size: .875em;
    text-align: center;
	margin-top: 10px;
	opacity: 1 !important;
	    transform: none !important;
}
.projects-page .product-details span{
	display: block
}
.snapshot-btn{
	margin-top: 10px;
	cursor: pointer
}
.delivered-shot-btn{
	    width: 15em;
	/*width: auto*/
}
.delivered-shot-btn .filter__bar-left{
	padding-right: 10px;
	    top: 0.9px;
    position: relative;
}
.snap-shot-icon{
	filter: invert(1) brightness(20);
    top: -3px;
    position: relative;
}
.snapshot-btn .filter-bar__icon{
	width: 20px
}
.project-title-line{
	position: relative;
	padding-bottom: 20px
}
.project-title-line:after{
	position: absolute;
	content: '';
	top:52px;
	left:0;
	right: 0;
	margin: auto;
	background: black;
	width: 70%;
	height: 2px;
}
.loader-title-line{
	position: relative;
	
}
.loader-title-line:after{
	position: absolute;
	content: '';
	top:52px;
	left:0;
	right: 0;
	margin: auto;
	background: #fff;
	width: 100%;
	height: 2px;
}
.glimpses-project-name-years {
position: absolute;
    bottom: 0px;
    background: #57565b8f;
    color: #fff;
	display: flex;
    justify-content: space-between;
    width: 100%;
	padding: 10px

}
.glimpses-project-name-years h4{
	align-items: center;
    display: flex;
	    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
}
.glimpses-project-name-years p{
	align-items: center;
    display: flex;
	    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
}
.glimpses-projects .edit-item__cover{
    background-color: transparent
}
.project-text-section{
	
	background: #fff
}
.project-text-section .container-padding {
	padding: 0 0 2.5em
}
.project-text-section .about-project-details{
	margin-bottom: 0
}
.views-section .container-padding {
	padding-top: 3em;
	padding-bottom: 3em;
}
.know-more-section .hotels-list.w-dyn-items{
	margin: 0
}

.onsite-image-marquee{
	padding-bottom: 0;
    background-color: #fff;
    height: 55vh !important;
}
.get-brochure.know-more-section{
	background-color: black;
}
.get-brochure.know-more-section .container-padding{
	padding-bottom: 1em;
	padding-top: 0;
}
.get-brochure.know-more-section .project-page-sub-title{
	color:#fff
}

.get-brochure.know-more-section .hotels__left h3{
		color:#fff
}
.get-brochure.know-more-section{
padding-top: 3em;
	}
.projects-page h2.heading--mega{
	    font-size: 1.9em;
}
.unbold-text-color{
	font-weight: normal
}
.bold-text-color{
	font-weight: bold;
	margin: 0 2.5px
}
.project-page-sub-title{
	font-size: 1.9em !important;
}
.project-page-sub-title2{
	font-size: 1.9em !important;
}
.walk-through-video{
	margin-top: -16px;
	background: black;
}
.walk-through-video-title{
	background: #fff;
	padding-bottom: 1.9em;
	padding-top: 2rem;
}
.walk-through-video .home-edit-w{
	padding: 3em 2.5em
}

.project-text-section .hero-content {
    max-width: 22em;
    background: #f3f3f3;
    padding: 50px 20px 40px;
    border-radius: 10px;
}
#start-quote{
font-size: 20px;
    position: absolute;
    top: -27px;
    background: black;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100px;
	left: 0;
	right: 0;
	margin: 0 auto
}
#start-quote i{
    font-size: 25px;
    text-align: center;
    left: 0;
    right: 0;
    line-height: 48px;
    margin: 0 auto;
    display: block;
	}
 .project-address .address-box {
   /* margin-bottom: 15px;
	 display: flex*/
    padding-bottom: 20px;
    position: relative;
    display: block;
    background: #f3f3f3;
    border-radius: 10px;
}
.address-box {
    margin-bottom: 10px;
	
	    padding-bottom: 20px ;
  position: relative;
    display: block;
    background: #f3f3f3;
    border-radius: 10px;
}
.sun-title-name{
	margin-bottom: 10px
}
.contact-page-detail img {
  /* padding: 10px;
    float: none;
    width: 40px;
    clear: both;
    background: black;
    border-radius: 20%;
    margin: 15px auto 10px;
    display: block;
    top: -10px;
    position: relative;*/
	/*top: -3px;
    position: relative;
    filter: invert(1);
	    padding: 0;
    width: 20px;    */
	padding: 10px;
    float: none;
    width: 40px;
    clear: both;
    background: black;
    border-radius: 20%;
    margin: 15px auto 10px;
    display: block;
    top: -10px;
    position: relative;
    filter: none;
}
.project-address .contact-page-detail img {

	
	padding: 10px;
    float: none;
    width: 40px;
    clear: both;
    background: black;
    border-radius: 20%;
    margin: 15px auto 10px;
    display: block;
    top: -10px;
    position: relative;
	 filter:none
	}

.project-address div.add-detail{
	text-align: center
}

.project-address .contact-page-detail{
	margin: 50px auto
}
div.add-detail{
text-align:center;
margin-bottom: 10px
}


select option {
    background: black;
    border-radius: 1em;
    color: #fff;
}

.onsite-image-marquee .photo-copy_w .text--med.is--caps {
    font-weight: 600;
}
.onsite-image-marquee .photo-copy_w{
	display: block;
	    position: absolute;
    color: #fff;
    bottom: 1em;
    left: 1.25em;
    right: auto;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.typology-list{
	padding-left: 12px;
	margin-bottom: 0
}
.typology-list li{
	       letter-spacing: 0.5px;
    font-size: .7rem;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.typology-list ul.sub-typology-list{
list-style: none;margin-bottom: 0}
.typology-list li:last-child{
	margin-bottom: 0;
	
}
.contact-page-add-detail img {
    width: 12px;
    position: relative;
    filter: grayscale(1) brightness(0);
    left: -2px;
}
.mb-30{
	margin-bottom: 30px
}
.walk-through-video .walk-through-video-img{
	display: block
}

.product-typology-icon-section  .typology-list{
	text-align: center;
	padding-left: 0;
	grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
	margin-bottom: 20px;
	margin-top: 25px
}
.product-typology-icon-section .typology-list li{
	
	list-style: none;
	    margin-bottom: 0px;
}
.typo-list-img{
	       width: 50px;
    margin: 0 auto 10px;
   /* border: 1.5px solid #111;
    border-radius: 100px;*/
    height: 50px;
}
.product-typology-icon-section .typology-list li img{
padding: 5px
}
.product-typology-icon-section .typology-list li span{
	display: block;
	   /* font-weight: 700;*/
   
}
.walk-through-video .video-icon{

   /* margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    background: #1111115c;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    line-height: 103px;
    font-size: 35px;
	z-index: 1;
	    outline: 2px solid #fff;
    outline-offset: 5px;
	position: relative;
    left: 13px;
}
.walk-through-video .full--bg__img{
	transform: none !important;
	
}
.d-block{
	display: block
}
.mt-15{
	margin-top: 15px
}
.location-list .project-status{
	text-transform: uppercase;
	    font-size: .65rem;
}
.location-list .location-name{
	text-transform: uppercase;
	    font-size: .65rem;
}
.location-list .hotels__left h3{
	font-size: .65rem;
}

.milestones-text{
	    margin-bottom: 2.5em;
    font-size: .875em;
	letter-spacing: 0.5px;
}

.hotels-item.is--faded{
	opacity: 1
}

.redevelopment-form-detail{
	background: black;
	color: #fff;
	padding:1.9rem 0 !important
}
.redevelopment-last-line .hero-content {
	max-width: 95%
}
.mb-15{
	margin-bottom: 15px
}
.explore-projects-wide-btn{
	width: 100%;
    max-width: 20em;
}
.load-wrapper .heading--large:after{
			position: absolute;
			content: '';
			width: 170px;
			height: 2px;
			background: #fff;
			top:-20px;
			left:-60px;
			  animation: border_anim 3s linear forwards;
	 
	/*animation-duration: 3s;
	animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; */
		}

.load-wrapper .heading--large.project-page-loader:after{
	top:-7px
}
		@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
		.load-wrapper .heading--large:before{
			    position: absolute;
    content: '';
    width: 170px;
    height: 2px;
    background: #fff;
    bottom: -20px;
    right: -60px;
animation: border_anim 3s linear forwards;
				
			/*animation-duration: 3s;
			animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; */
		}
.black-white-img{
	filter: grayscale()
}
.product-typology-note{
	text-align: center;
	font-size: 13px
}
.project-page-typo{
	    display: block;
    margin-bottom: 20px;
    font-weight: 600;
}
.project-page-typo.mb-0{
	margin-bottom: 0 !important
}
.location-project-type{
	text-transform:uppercase
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
    box-shadow: 0 0 0 30px transparent inset !important;
    -webkit-text-fill-color: black !important;
    transition: background-color 5000s ease-in-out 0s !important;
}


.know-more-section .title-nr{
	color:#fff
}
.title-nr{
	margin-left: 2px;
}
.multiple-video-section .full--bg__img{
	position: relative
}
.multiple-video-section #counter{
	margin-top: 12px;
    right: 78px;
    position: absolute;
}
.multiple-video-section .owl-nav {
	    position: absolute;
    right: 37px;
    margin-top: 8px;
	opacity: 1 !important
}
.multiple-video-section .owl-next{
	right: -38px;
    position: relative;
}
.multiple-video-section .owl-prev{
	right: 20px;
    position: relative;
}
.multiple-video-section .owl-carousel .owl-nav button.owl-prev, .multiple-video-section .owl-carousel .owl-nav button.owl-next{
	font-size: 25px;
}
.multiple-video-section .owl-carousel .owl-nav button.owl-prev{
background: #d4d2d2;
    width: 25px;
    border-radius: 100px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    font-weight: 500;
	opacity: 1 !important
}
.multiple-video-section .owl-carousel .owl-nav button.owl-next{
	background: #d4d2d2;
    width: 25px;
    border-radius: 100px;
    height: 25px;
    color: #fff;
    line-height: 25px;
    font-weight: 500;
	opacity: 1 !important
}
.multiple-video-section #counter span{
	margin: 0 5px
}

.contact-details-box .footer-btm__col.locate-us-col{
	grid-row-gap: 1.5em;
}
.footer-btm__socials  .text--link.is--tiny{
	font-size: .75em;
}


 .walk-through-video .owl-carousel .owl-nav.disabled{
	display: block
}
.onsite-image-marquee .photo-copy_w{
				  display: flex;
				  align-items: center;
				  /*justify-content: space-around;
				  left:auto;
				  width: 100%*/
	    justify-content: space-between;
    left: 30px;
    width: 90%;
			  }
			   .onsite-image-name{
				   text-transform: uppercase;
				   font-size: 1.125em;
				   line-height: 1.2;
				   font-weight: 600
			   }
.popup .alert + span.fade-out.main-btn-circle {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
.typology-list li.hide-tablet::before{
	display: none
}
.product-typology-note{
	font-weight: 600
}


.about-wrapper .about-item-w .text--med.is--wulkan{
	    margin-bottom: 10px;
	
}
       /*.popup h6 span.closeBtn {
          position: absolute;
          top: 20px;
          display: inline-block;
          padding: 0;
          width: 40px;
          height: 40px;
          background: transparent;
          border-radius: 50%;
          text-align: center;
          line-height: 41px;
          border: 2px solid #000;
          right: 20px;
          cursor: pointer;
      }
      .popup form#Download_Brochure + .fade-out {
          display: block;
          width: fit-content;
          margin: 10px auto 0;
          visibility: hidden;
      }*/



.popup h6 span.closeBtn {
          position: absolute;
          top: 20px;
          display: inline-block;
          padding: 0;
          width: 40px;
          height: 40px;
          background: transparent;
          border-radius: 50%;
          text-align: center;
          line-height: 41px;
          border: 2px solid #000;
          right: 20px;
          cursor: pointer;
      }
      .popup form#Download_Brochure + .fade-out {
        display: none;
      }
      .popup form#Download_Brochure + .alert  + .fade-out {
          display: block;
          width: fit-content;
          margin: 10px auto 0;
          visibility: hidden;
      }
.ready-possession{
				  position: absolute;
				  top:6px;
				  right: 6px;
				  width: 35px !important;
	filter: invert(1) brightness(11)
			  }
.onsite-image-marquee .marquee-item{
	padding: 0 1px;
}

#cb_popup_wrap {
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
}
#cb_popup_center {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#cb_popup_content {
	min-width: 10%;
	max-width: 90%;
	min-height: 10%;
	overflow: hidden;
	position: relative;
	background: rgba(255, 255, 255, 1) url("../images/cb_popup_loading.gif") no-repeat scroll center center;
}
#cb_popup_close {
	   top: 0px;
    right: 0px;
    opacity: 1;
    z-index: 99999;
    cursor: pointer;
    position: absolute;
}
#cb_popup_content img:nth-child(2) {
	width: 100%;
}
.projects-page.articles-page .w-dyn-item{
	padding: 0
}
.articles-page .product-details {
	/*margin-top: 20px*/
	position: absolute;
    bottom: -16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 5px;
}
.articles-page.projects-page .product-details p{
	    font-size: 13px;
}
.articles-page .projects-img img{
	width: 100%
}
.articles-page .hotels-list.grid--view{
	grid-template-columns: 1fr 1fr 1fr;
}
.articles-detail-page{
	max-width: 70%;
    margin: 0 auto;
	padding-bottom: 70px !important;
}
.articles-detail-page .project-title-line{
	text-align: center
}
.articles-detail-page img{
	margin-bottom: 30px;
	width: 100%;
	border-radius: 0.25em;
}
.articles-detail-page .terms-inner__text p{
	font-size: 18px;
	    line-height: 30px;
}
.articles-detail-page .list-type {
	 padding-left: 16px;
}
   

.articles-detail-page .list-type li{
	font-size: 18px;
    line-height: 30px;
	    list-style-type: square;
}
    
.articles-detail-page .page-padding{
	padding: 0 100px;
}
.articles-detail-page{
		  max-width: 100%
	  }
	 .articles-detail-page .disclaimer-content{
		      display: flex;
    
    padding-bottom: 30px;
    padding-top: 30px;
       justify-content: space-between;
    gap: 50px;
	  }
	  .articles-detail-page .project-title-line {
    text-align: left;
		  padding-bottom: 0
}
	  
	  .articles-detail-page .heading--w{
		   width: 50vw;
	  }
.articles-detail-page .terms-w{
	    grid-row-gap: 1em;

}



	  .first-detail-blog{
		      width: 50vw;
	  }
	  .first-detail-blog p{
		  font-size: 20px
	  }
	  .other-articles-slider .page-padding {
    padding: 0 100px;
}
.other-articles-slider .owl-dots{
	display: block;
	    text-align: center;
	    margin-top: 30px;
}
.other-articles-slider .owl-dot.active{
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
	display: inline !important;
   
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    
    transition: background-color 300ms ease-out;
}
.other-articles-slider .owl-dot.active span{
	background: #000 !important;
}
.other-articles-slider .owl-dots .owl-dot span{
width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
	  .other-articles-slider .edit-item__img{
		 
	  }
	  .other-articles-slider .owl-item p{
		     margin-top: 0;
    position: absolute;
    bottom: 6px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 5px;
    width: 100%;
		  text-align: center
	  }
.other-articles-slider .whats-new-section .owl-carousel .owl-item img{
	object-fit: cover;
}

.other-articles-slider .whats-new-section {
    padding-bottom: 5em;
}
.blog-detail-page-date-time{
	margin-top: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #222;
	text-align: left;
	
}
.blog-detail-page-date-time i{
	margin-right: 5px
}
.articles-detail-page a{
	text-decoration: none
}


.product-details .blog-detail-page-date-time{
	color:#fff;
	margin-top: 0;
	margin-bottom: 10px
}

.other-articles-slider .blog-detail-page-date-time{
	    display: block;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
}
.articles-page{
	padding-bottom: 70px
}
/*320 - 767 Mobile*/
@media screen and (max-width: 767px) {

	body{
		background-color: #fff;
	}
	.mobile-none{
		display: none
	}
  .hide-tablet, .facts-w.hide-tablet {
    display: none;
}
 .heading--mega {
   /* font-size: 1.6em;*/
}   
    .instagram-post-section {
        /*position: sticky !important*/
    }
	
	.padding-right-none{
		padding-right: 0
	}
	.padding-right-one{
		padding-right: 1em
	}
	.get-brochure .container-padding{
		padding-top: 3em;
		padding-bottom: 1em
	}
	
	.projects-page h2.heading--mega{
		    font-size: 1.9em;
	}
	.projects-page .product-details span {
    display: block;
}
	.location-new-line{
	display: block
}
	.pr1{
		 padding-right: 1em;
	}
	.about-beverlynn-commune{
		padding: 1.5rem 0
	}
	
	.about-beverlynn-commune .margin-bottom.margin--medium{
		    margin-bottom: 1.5em;
	}
	.about-get-in-touch{
		padding: 1.5rem 0
	}
	.about-get-in-touch .margin-bottom.margin--medium{
		    margin-bottom: 1.5em;
	}
	.active {
        display: block;
    }
	.home-get-brochure location-name1.{
		line-height: 1
	}
    
    
    .nav ul {
        display: block;
        
    }
  
	.nav li ul{
		margin-top: 10px
	}
	.about-title-detial{
		max-width: 100%
	}
	.redevelopment-content{
		    max-width: 22em;

	}
	.about-sun-content{
		max-width: 22em;
	}
	.archive-responsive {
    width: 100%;
    float: none;
		    border-bottom: 1px solid #ccc;
		margin: 0
}
	.gallery-page .projects-img img {
    height: auto;
    width: auto;
}
	.redvelopment-yn{
		margin-top: -10px
	}
	.inquiry-form .w-button{
		margin: 50px auto 0;
	}
	
			.archive-text{
				padding: 10px 20px 0;
		}
	.contact-page-detail{
		width: 100%
	}
	.projects-img img {
    width: auto;
    height: auto;
}

	.upcoming-page-title{
		font-size: 1.84em !important
	}
	.home-page-section-is-hero{
	padding-top: 14.5em !important;
}
.section.is--hero {
  /*padding-top: 14.5em;*/
	padding-top: 9.5em;
  padding-bottom: 3.125em
}
	.projects-page .hotels-list{
		margin-bottom: 0
	}
	.projects-page{
		padding-bottom: 3em !important
	}
	.whats-new-section{
		padding-bottom: 3em !important;
		margin-top: -1px
	}
	.disclaimer-section{
		padding-bottom: 3em !important
	}
	.terms-w #w-node-_53097d7a-55be-b1a6-ca15-4c5d9bd6bb6c-07a75adb{
		text-align: center
	}
	.popup.active{
		background-color: #fff
	}
	.popup .popup-content{
		top:0;
		left: 0;
		padding: 20px;
		transform: none
	}
	
	.popup .popup-content{
		min-width: 90%
	}
	.footer-btm__line{
		margin-left: -0.5em;
	}
	.btn-brochure p{
		margin: 30px auto 20px
	}
	.new-projects .edit-item{
		height: 30em
	}
	.events-page .hotels-list.grid--view{
		   /* grid-template-columns: 1fr !important;*/
	}
	.events-page .heading--mega{
		    font-size: 2.3em;
	}
	.news-page .heading--mega{
		    font-size: 2.3em;
	}
	/*.get-brochure{
		margin-top: -3px
	}*/
	.projects-page h3.location-name{
	margin-left: 40px;
		
	}
	.ongoing-project-page.projects-page h3.location-name{
		margin-top: 20px
	}
	.ongoing-project-page .hotels-item{
		display: flex
	}
	.upcoming-page.projects-page h3.location-name{
		margin-top: 20px
	}
	.upcoming-page .hotels-item{
		display: flex
	}
	.delivered-grid-projects.projects-page h3.location-name{
		margin-top: 20px
	}
	.delivered-grid-projects .hotels-item{
		display: flex
	}
	.projects-page .location-title{
		margin-left: 40px
	}
	
	.archive-page h3.location-name {
    margin-left: 0 !important;
}
	.archive-page .location-title{
		margin-left: 0px
	}
	.archive-page .hotels-item{
		display: flex
	}
	.archive-grid.column-grid{
		grid-template-columns: 3fr 1fr;
	}
	.archive-page .hotels-list.grid--view, .archive-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 3fr 1fr;
	}
	.be-pro-broker-section{
		margin-bottom: 100vh;
		height:50vh;
		display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
	}
	.be-pro-broker-section .container-padding{
		    padding-top: 2.5em;
    padding-bottom: 2.5em;
	}
	.be-pro-broker-section .margin-bottom.margin--medium{
		    margin-bottom: 1.5em;
	}
	.home-page-section-is-hero .hero-content{
		    max-width: 22em;
	}
	.edit-item1 {
    width: 100%;
    height: 53vh;
    max-height: 40rem;
}
	.right-space{
		padding-right: 1em;
	}
	.about-title-detial.pr1{
		padding-right: 0
	}
	.two-line-location{
		    top: 13px;
    position: relative;
	}
	
	.menu-link__overflow {
  margin-left: -10px;
  transition: .6s;
z-index: 999;
	}

	.view-menu__link {
    padding: 0.375em 0.9em 0.275em;
	}
	.textareabox{
		    height: 80px !important;
    border: 1px solid rgba(0, 0, 0, .5);
		padding-left: 5px
	}
	.be-pro-broker-section .button-main{
		line-height: 1.1;
		padding-bottom: .875em
	}
	.project-inquiry-btn{
		line-height: 1
	}
	.delivered-projects-btn.project-inquiry-btn{
		line-height: 1.3 !important
	}
	.two-line-milestone{
		line-height: 14px
	}
	.milestonetitle-span{
		display: block
	}
	.commune{
		background: url(../images/commune-page.png) #000;
		        background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;''
	}
	.commune .heading--large{
		color:#9d7c5d
	}
	.commune p{
		color:#9d7c5d;
		margin: 105px 0;
		font-size: 20px
	}
	.ongoing-projects a.swiper-slide__inner.w-inline-block:after {
    position: absolute;
    content: '';
    background: #57565b8f;
    width: 100%;
    bottom: 0px;
    height: 80px;
}
	.mobile-newline{
		display: block
	}
	.newline{
		display: block
	}
	.projects-page h3.location-name.mt-20{
		margin-top: 20px !important
	}
	.new-line{
		display: block
	}
	.project-title-line:after{
	top:40px;
	
}
	.loader-title-line:after{
	top:50px;
	
}
	.glimpses-projects .edit-item{
		height: 30em
	}
	.glimpses-section{
		padding-bottom: 3em !important;
		margin-top: -1px
	}
	.fancybox-infobar{
		color:transparent
	}
	
	.walk-through-video{
		height: 50vh !important
	}
	.walk-through-video .reg-p.max-28{
		margin-bottom: 0
	}
	.walk-through-video .heading--large{
		margin-bottom: 0
	}
	.walk-through-video::after {
    /*background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    top: 0;
    content: '';
    left: 0;
    position: absolute;*/
}
	.location-page .column-grid.is--list__labels.is--active{
	grid-template-columns:1fr 1.9fr 0.7fr !important
}
	.location-page .column-grid.tablet--smaller {
    grid-template-columns: 2fr 1.9fr 0.9fr !important;
		min-width: 335px;
}
	
	
	.disclaimer-content {
    max-width: 18em;
		text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
	.popup .popup-content{
 
  max-height: inherit;
	height: 100vh;
		    align-items: center;
    display: flex;
	}	
	.popup-content .event-header{
		margin-bottom: 50px
	}
	.walk-through-video video{
	    transform: none !important;
		width: 100%
		/*height: 98vh*/
	}
	.contact-page-add-detail a.text--link{
		 text-transform: none;
    letter-spacing: 0.1px;
	}
	.contact-page-add-detail .footer-btm__el a{
		    font-size: .75rem;
    letter-spacing: 0.1px;
	}
	.contact-page-add-detail img{
		    width: 12px;
    position: relative;
    filter: grayscale(1) brightness(0);
    left: -2px;
		margin-right: 5px
	} 
	.contact-page-add-detail{
	padding-bottom: 3em	
	}
	ul.sub-typology-list{
	       padding-left: 62px;
    margin-top: 2px;
		}
	.redevelopment-form-detail .hero-content{
		max-width: 20rem
	}
	
	.redevelopment-last-line{
		    font-size: 14px;
		letter-spacing: 0.5px;
		 margin-bottom: 1.5em;
	}
	.redevelopment-form-detail .button-main.is--wide{
		margin: 0 auto
	}
	.project-brochure-typo{
		font-size: .65rem;
    display: block !important;
    position: relative;
    top: 5px;
	}
	.location-name1 .location-new-line{
		position: relative;
		top:5px
	}
	
	.location-name1{
	    font-size: .65rem;
		letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 0;
   
    font-weight: 300;
    line-height: 1;
		}
	.whats-new-section .edit-item__img{
		    object-fit: contain;
    object-position: center;
	}
	.redev-detail{
		/*width: 19rem;
		text-align: justify*/
	}
	.home-section-is--marquee{
		height:100vh
	}
	.image-position-bottom{
		object-position: bottom
	}
	.image-position-top{
		object-position: top
	}
	.heading--large.is--loader{
		/*min-width: 50em;*/
	}
	.load-wrapper{
		
    display: block !important;
	}
	.loader-portion{
	display: flex;
    height: 100%;
    align-items: center;	
	}
	.loader-portion .page-wrapper-flex{
		display: flex
	}
	        .hero-content {
        max-width: initial;
    }
	.loader-portion .heading--w{
		width: 100%
	}
	.selector-wrapper > .arrow{
		margin-top: -16px;
	}
	.radio {
    top: -17px;
    position: relative;
}
	.walk-through-video-title{
		padding-bottom: 3em;
	}
	.project-page-contact-page-detail-map .footer-btm__col {
        grid-template-columns: 1fr;
    }
	.walk-through-video .home-edit-w {
    padding: 2.3em 2em;
}
	.walk-through-video .video-icon{
		left:0
	}
	.click-to-play-title{
		font-size: 16px;
	}
	.project-video-section{
		position: absolute;
        z-index: 1;
        margin: 0 auto;
        text-align: center;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
	}
	    .multiple-video-section.walk-through-video {
        height: auto !important;
    }
	.multiple-video-section .full--bg__img {
    position: relative;
    height: 270px;
    width: 100% !important;
}
	.multiple-video-section .owl-nav{
		    margin-top: 5px;
	}
	.multiple-video-section #counter {
    margin-top: 9px;
    right: 68px;
    position: absolute;
}
	.onsite-image-marquee .photo-copy_w{
	display: flex !important;
		    align-items: start !important;
		left:1.25em !important;
		    flex-direction: column !important;
		}
	.onsite-image-marquee .photo-copy_w .text--med.is--caps{
		order:2
	}
	.onsite-image-name{
		order: 1
		}
	.locate-us-section{
		margin-top: -1px
	}
	.contact-details-box{
		margin-top: -1px
	}
	.ongoing-projects .owl-carousel .edit-cta-w1{
		    
	}
	.mobile-year{
	position: absolute;
    color: #fff;
    font-weight: 600;
    left: 1.125em;
    letter-spacing: 0.5px;
    top: 20px;
	}
	.video-mobile-none{
		display: none
	}
		   .articles-detail-page .disclaimer-content {
        max-width: 100%;
			   padding-bottom: 0
			}
	.articles-page .hotels-list.grid--view{
	grid-template-columns: 1fr ;
}
	.articles-detail-page .project-title-line:after{
		display: none
	}
	.articles-detail-page {
    max-width: 100%;
		}
	.articles-detail-page .project-title-line{
		line-height: 40px
	}
	
	.articles-detail-page .page-padding {
    padding: 0 1em;
}
	.articles-detail-page .heading--w{
		width: 100%
	}
	.first-detail-blog {
    width: 100%;
    text-align: left;
}
	.other-articles-slider .page-padding{
		padding: 0 1em;
	}
	.other-articles-slider .new-projects .edit-item {
        height: 20em;
    }
	.articles-page.projects-page .product-details p {
    font-size: 14px;
}
	.articles-page.projects-page .product-details span.desktop-newline{
		display: inline
	}
	
	
	}


/*desktop*/
@media screen and (min-width: 767px){
	.video-desktop-none{
		display: none
	}
	.desktop-none{
		display: none
	}
	.nav li  ul{
		margin-top: 2px
	}
	.nav-content__right .button-main{
		padding: .875em 2em .875em 2em
	}
	.nav-content__right .nav ul{
		width: 7em;
	}
	.nav li li a:first-child{
		padding-top: 12px
	}
	.nav ul li a{
		padding: 10px 15px
	}
	.button-bg.is--white{
		transform: none !important;
	}
	
	.button-text-w div {
    transform: none !important;
}
	.button-bg.is--black{
		transform: none !important;
	}
.list-project-type{
	display: none
}
	.desktop-newline{
		display: block
	}
	.home-get-brochure h3.location-name1{
		font-size: 0.75em;
		order: 3;
		font-weight: 300;
    line-height: 1;
		    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 0;
	}
	    
	.home-get-brochure .column-grid.projectdetail-column{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.home-get-brochure .column-grid.brochure-head-title{
		grid-template-columns: 1fr 1fr 1fr;
		position: relative
	}
	.ongoing-grid{
		grid-template-columns: 1fr 1fr 0.6fr !important;
	}
	.ongoing-grid-head{
		grid-template-columns: 1fr 1fr 0.6fr !important;
		position: relative
	} 
	.home-get-brochure .hotels__col--img__w{
		    margin-right: 1.3em;
	}
	.home-get-brochure .brochure-project-type-title{
		order: 2
	}
	.home-get-brochure .brochure-location-title{
		order: 3
	}
	.home-get-brochure  .project-brochure-typo{
		display: none
	}
	.home-get-brochure .hotels-item a.popup-btn {
    padding: .6875em 0;
    display: inherit;
}
.ongoing-grid-row {
    padding: .6875em 0 !important;
    display: inherit !important;
}
	.projects-page h3.text--small {
        font-size: 0.75em;
		
       
    }
	.projects-page h3.location-name{
		font-size: 0.75em;
		order: 3;
		font-weight: 300;
    line-height: 1;
		    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 0;
		text-transform: uppercase
	}
	      .ongoing-projects .photo-copy_w1 {
        bottom: 0.9em;
    }
	.projects-page .projects-project-type-title{
		order: 2
	}
	.projects-page .location-title{
		order: 3
	}
	body .projects-page .column-grid.projectdetail-column{
		/*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 235px;
	}
	body .projects-page .projects-head-title{
		/*grid-template-columns: 1fr 1fr 1fr !important;*/
		grid-template-columns: 1fr 1fr 235px !important;
	}
	body .projects-page .projectdetail-column h3.location-name{
		order: 3
	}
	
	
	.upcoming-page .column-grid.is--list__labels.is--active{
		   /* grid-template-columns: 1fr 1fr 1.25fr;*/
		grid-template-columns: 1fr 1fr 130px;
		    grid-column-gap: 1em;
	}
	.upcoming-page .column-grid.tablet--smaller{
		    /*grid-template-columns: 1fr 1fr 1.25fr*/
		grid-template-columns: 1fr 1fr 130px;
	}
	.upcoming-page .hotels__col--img__w{
		    margin-right: 1.5em;
	}
	
	.location-page .column-grid.is--list__labels.is--active{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 154px;
		    grid-column-gap: 1em;
		
	}
	.location-page .column-grid.tablet--smaller{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 150px;
	}
	.location-page .column-grid{
		display: grid
	}
	.location-page .hotels__col--img__w{
		    margin-right: 1.5em;
	}
	.location-page .hotels-list-w.is--list {
    display: grid;
}
	.green-dot-list{
		margin-left: 0
	}
	.red-dot-list{
		margin-left: 0
	}
	.projects-page .hotels-item__inner{
		    padding-top: .6875em;
    padding-bottom: .6875em;
    display: inherit;
	}
	
	#popup-reg .form-content{
		display: block
	}
	#popup-reg .popup-content{
		padding: 50px
	}
	
	#popup-reg .form-content .form-input-field{
		margin-bottom: 20px
	}
	
	#popup-reg .form-content .form-label{
		    bottom: 1.9rem;
	}

	.product-typology-icon-section .typology-list-skyvue{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 
	}
	.product-typology-icon-section .typology-list-skyvue-2{
		grid-template-columns: 1fr 1fr 1fr 1fr 
	}
	.product-typology-icon-section .typology-list-vasudha{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 
	}
	.map{
		margin-top: 0px;
		width: 100%
	}
	
	
	.milestone-page .hotels-item{
		/*display: flex*/
	}
	.heading--large.is--loader .newline{
		display: block;
		
	}
	.heading--large.is--loader{
	/*line-height: 1.3;
    font-size: 2em;*/
		}
	
	
	.archive-page .location-name{
		    display: flex;
    align-items: center;
    justify-content: end;
		        font-size: 1em !important;
	}
	.product-typology-icon-section .typology-list{
		    grid-column-gap: 0rem;
    grid-row-gap: 5rem;
	}
	.product-typology-note{
		margin-top: 70px;
		margin-bottom: 30px
	}
	.walk-through-video .full--bg__img{
		object-position: center;
		height: 85vh;
	}
	    .selector-wrapper > .arrow {
        margin-top: -16px;
    }
	.select-box .selected{
		font-size: 0.9rem;
    margin-top: 6px
	}
	.contact-page-add-detail img{
		    width: 20px;
	}

	
	
	.footer-btm__el{
		grid-row-gap: .3em;
	}
	body .milestone-page.projects-page .hotels-item__inner{
		    padding-top: 1.6875em;
    padding-bottom: 1.6875em;
	} 
	.join-us-content{
		        max-width: 40rem !important;
	}
	.redvelopment-content{
		max-width: 40rem !important;
	}
	.hero-content{
		max-width: 40rem !important;
	}
	.location-page .hotels__col--img__w{
		display: none
	}
	body .location-page .hotels-item__inner{
		padding-top: 1.6875em;
    padding-bottom: 1.6875em;
	}
	.radio {
    top: -17px;
    position: relative;
}
	
	.locate-us-page .footer-btm__col{
		grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
	}
	
	    
	.locate-us-page .footer-btm__socials{
		    align-items: start;
		grid-column-gap: 5em;
	}
		.locate-us-page .footer-btm__el{
		        padding: 30px;
        background: #f9f9f9;
			min-height: 170px;
			justify-content: center;
			align-items: center;
	}
	
	.locate-us-page .cnt--details{
		    text-transform: none;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.3;
	}
		.locate-us-page .cnt-head{
		font-size: 16px;
        font-weight: 600;
        color: #111;
        letter-spacing: 0;
        text-align: center;
	}
	
	
	
	
	#w-node-a38493ae-ad70-3079-daae-cd33fc45cb90-fc45cb64{
		grid-area: span 1 / span 2 / span 1 / span 2;
		        grid-column-gap: .625em;
        grid-row-gap: .625em;
	}
	
	    
	.project-page-contact-details .footer-btm__socials{
		    align-items: start;
		grid-column-gap: 5em;
	}
		
	.project-page-email-icn{
		width: 18px;
	}
	.project-page-contact-details .footer-btm__col{
		display: grid;
		    grid-template-columns: 0fr;
	}
	.project-page-contact-details .footer-btm__el.col-mobile{
		grid-column-gap: .625em;
    grid-row-gap: .625em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
	}
	.project-page-contact-details .cnt--details{
		    text-transform: none;
        font-size: 15px;
        margin-top: 4px;
        text-align: left;
    letter-spacing: 0.5px;
    line-height: 1.3;
	}
		.project-page-contact-details .cnt-head{
		font-size: 15px;
        font-weight: 600;
        color: #111;
        letter-spacing: 0;
        text-align: center;
	}
	.terms-w{
		display: block
	}
	.disclaimer-content {
		display: block
	}
	.terms-inner__text {
    max-width: 100%;
}
	.disclaimer-line:after{
		display: none
	}
	.whatsapp-brochure-title{
			   color: #757575;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: .875em;
			   
			   top:0;
			   position: absolute;
			   right: 0
		   }
	
	
	
	/* .home-section-is--marquee .marquee-item{
		width: 25em;
	}  */
	.section.is--marquee.home-section-is--marquee{
		height: 20vh;
		min-height:32em;
	}
	.desktop-image-position-bottom{
		object-position: bottom
	}
	
	.ongoing-projects .edit-item1{
		max-height: 65vh;
	}

	/* Hover zoom effect for Ongoing Projects images */
	.ongoing-projects .edit-item__img {
		transition: transform 0.3s ease;
	}

	.ongoing-projects .edit-item1:hover .edit-item__img {
		transform: scale(1);
	}
	.home-get-brochure h3.text--small {
            font-size: .75em; !important;
		  padding-left: 30px ;
       
    }
		   
	
	.home-get-brochure .hotels__col--img__w{
		 margin-right: 0 ;
        padding-right: 0 ;
		border-radius: .25em;
		width: 6.5em;
	}
	.projects-page .hotels__col--img__w{
		 margin-right: 0 ;
        padding-right: 0 ;
		border-radius: .25em;
		width: 6.5em;
		}
	.upcoming-page.projects-page h3.text--small {
           
		  padding-left: 38px ;
       
    }
	.upcoming-page.projects-page .hotels__col--img__w{
		 margin-right: 0 ;
        padding-right: 0 ;
		border-radius: .25em;
		width: 6.5em;
	}
	/* .hotels-item:hover .text-bubble{
		background: #f3004b;
		color:#fff;
		font-weight: 600;
		border-color:#f3004b
	} */
	.home-get-brochure  .whatsapp-brochure{
		right: 17px
	}
	
	.onsite-image-marquee .marquee-item{
		width:25em
	}
	    .section.is--marquee.onsite-image-marquee {
        height: 65vh;
        min-height: 30em;
    }
	.project-page-contact-page-detail-map{
		            display: grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
	}
	.footer-inq-btn{
		margin-bottom: 75px
	}
	.desktop-footer-btn__col{
			display: grid;
    
    grid-template-columns: 4fr;	
		    grid-column-gap: 0;
    grid-row-gap: 2em;
					  }
	.desktop_footer-btm__socials{
						  display: inline-flex;
						  }
	.desktop_footer-btm__el{
		grid-area: span 1 / span 2 / span 1 / span 2;
	}
	.is--footer .text--meta{
		font-size: .7em;
	}
	
	
	.product-typology-icon-section .typology-list li .typo-list-img{
		 transition: all 0.6s ease;
		
	}
	   
	.product-typology-icon-section .typology-list li:hover .typo-list-img {
   /*border: 1px solid #111;*/
        border-radius: 100px;
        transform: scale(1.05);
        outline-offset: 5px;
        outline: 1.3px solid #111;
		        box-shadow: 0 0 0 1px #111;
}
	.product-typology-icon-section .typology-list li:hover .typo-list-img img{
		width: 40px;
        height: 40px;
        top: 5px;
        position: relative;
	}
	.footer-top_line{
		height: 100%;
	}
	
	.home-get-brochure .text-bubble{
		letter-spacing: 0.5px
	}
	/*.know-more-section .hotels__col--img__w{
		
		    width: 0;
		margin: 0
		
	}
	.know-more-section .hotels__col--img__w img{
		display: none
	}
	.get-brochure.know-more-section .hotels__left h3{
		transform: none !important
	}*/
	.project-video-section{
		position: absolute;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
	.click-to-play-title{
		
    font-size: 22px;
    margin-bottom: 15px;
    letter-spacing: 0.4px;
	}
	.contact-page-add-detail{
		display: flex;
    align-items: center;
	}
	.locate-us-section .new-projects .edit-item{
		max-height: 65vh;
	}
	.whats-new-section .edit-item{
		max-height: 65vh;
	}
	.whats-new-section .owl-carousel .owl-item img{
		    object-fit: contain;
	}
	.glimpses-section .glimpses-projects .edit-item{
		max-height: 65vh;
	}
	.gallery-page .product-details p{
		margin-top: 0
	}
	.projects-page .project-box{
		margin-bottom: 0
	}
	.milestone-page .hotels-list.grid--view, .milestone-page .column-grid.is--list__labels.is--active{
		column-gap: 300px;
	}
	.milestone-page .hotels-item__inner .column-grid{
		column-gap: 300px;
	}
	.milestone-page.projects-page h3.text--small{
		font-size: 1rem;
	} 
	.milestone-page.projects-page h3.location-name{
		font-size: 1rem;
	}
	.milestone-text{
		font-size: 16px;
		line-height: 20px;
		margin-top: 10px
	}
	/*.projects-page.location-page h3.text--small{
		line-height: 1.1
	}*/
	.projects-page h3.text--small{
		line-height: 1.1
	}
	.location-list .project-status{
		font-size: .75em;
	}
	.delivered-grid-projects .hotels-list.grid--view{
		    grid-row-gap: 0;
	}
	.inner-page-detail-section1 .filter__w{
		    width: 17em;
	}
	.archive-page .hotels-item__inner h3.text--small.is--caps{
		font-size: 1em
	}
	.product-typology-icon-section .typology-list li:hover .typo-list-img img {
        width: 108px;
        height: auto;
        top: 0;
        position: relative;
        margin: auto;
			        filter: invert(1) brightness(111);
    }	
			.product-typology-icon-section .typology-list li:hover .typo-list-img{
				border-radius: 0;
        transform: scale(1.05);
        outline-offset: 0;
        outline: 0;
        box-shadow: none;
			}
			.product-typology-icon-section .project-page-sub-title{
				margin-bottom: 50px;
			}
			.project-page-sub-title2{
				margin-bottom: 0px;
			}
			.typology-list li{
				display: block
			}
			
			
			 /* Base styles for the list and images */
.typology-list {
  list-style: none;
  padding: 0;
}

.typology-list li {
  display: block;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
  transition: transform 0.5s ease-in-out;
}

.typology-list li .typo-list-img img {
  width: 40px;
  
  transition: transform 0.5s ease-in-out;
}

.typology-list li span {
  font-size: 1em;
  transition: font-size 0.5s ease-in-out, color 0.5s ease-in-out;
}

/* Big Circle Effect */
.typology-list li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
    height: 170px;
  background: #f3004b; /* Circle color 575559 */
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}

/* Hover Effects */
.typology-list li:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.typology-list li:hover span {
  font-size: 1.2em;
  color: #fff; /* Text color change on hover */
}

.typology-list li:hover {
  transform: scale(1.05);
	color:#fff
}
	.product-typology-icon-section .typology-list li img{
			padding: 0
		}
		.typo-list-img{
			    width: 50px;
    margin: 0 auto 10px auto;
    height: 50px;	
			}
	.product-typology-note{
		text-align: left
	}
.projects-page .product-details h6{
		margin-bottom: 8px;
	margin-top: 8px;
	}
	
	.ongoing-project-page .hotels-list.grid--view{
		    grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.delivered-grid-projects .hotels-list.grid--view{
		    grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.product-typology-icon-section .typology-list{
		margin-bottom: 50px;
    margin-top: 30px;
	}
	
	body .select-box .options-container{
		width: 40%;
		right: 0
	}
	
	
}

@media (min-width: 1280px) and (max-width: 1365px) {
	#cb_popup_img{
		    width: 500px;
	}
	}
@media (min-width: 1366px) and (max-width: 1919px) {
	
	#cb_popup_img{
		    width: 650px;
	}
	
}


	
@media (min-width: 1280px) and (max-width: 1559px) {
		.home-get-brochure h3.text--small {
        padding-left: 12px ;
    }	
	
	.home-get-brochure .hotels__col--img__w{
		    width: 7.5em;
	}
	.walk-through-video-title{
		padding-bottom: 3em
	}
	.green-dot-list {
        margin-left: 0;
        padding-left: 45px;
    }
	.green-dot-list:after{
		    left: 29px;
	}
	.red-dot-list {
        margin-left: 0;
        padding-left: 55px;
    }
	.red-dot-list:after{
		    left: 37px;
	}
	.project-title-line:after{
		top:45px
	}
	.projects-page .product-details h6{
		margin-bottom: 8px;
		margin-top: 8px;
	}
	
	
	.section.is--black.is--footer .button-text-w{
		line-height: 1.3 !important
	}
	
		} 	
@media (min-width: 1600px) and (max-width: 1919px) {

  .home-get-brochure h3.text--small {
        padding-left: 40px ;
    }	
	.ongoing-project-page.projects-page h3.text--small{
		     
        padding-left: 50px;
	  
	}
	.ongoing-project-page.projects-page .green-dot-list:after{
		left: 34px;
	}
	.ongoing-project-page.projects-page .red-dot-list:after{
		left: 34px;
	}
	body .projects-page.ongoing-project-page .column-grid.projectdetail-column, body .projects-page.ongoing-project-page .projects-head-title{
		        grid-template-columns: 1fr 1fr 273px !important;
	}
	.upcoming-page.projects-page h3.text--small{
       
        padding-left: 40px;
		
    }
	.upcoming-page .column-grid.tablet--smaller, .upcoming-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 1fr 1fr 155px;
	}
	.delivered-grid-projects.projects-page h3.text--small {
    padding-left: 50px;
}
	
	.delivered-grid-projects.projects-page .green-dot-list:after{
		left: 34px;
	}
	.delivered-grid-projects.projects-page .red-dot-list:after{
		left: 34px;
	}
	
	body .projects-page.delivered-grid-projects .column-grid.projectdetail-column, body .projects-page.delivered-grid-projects .projects-head-title{
		        grid-template-columns: 1fr 1fr 273px !important;
	}
	.project-title-line:after{
		top: 73px;
	}
	.hotels__col--img__w .hotels__col--img__w{
		margin-right: 0
	}
	.popup.active .popup-content{
		width: 40%
	}
	.know-more-section .hotels__col--img__w {
    margin-right: 1em;
}
	
	.walk-through-video-title{
		margin-bottom: 2.5em
	}
	.form-label{
		    font-size: .90rem;
	}
	.whats-new-section .edit-item__img{
		object-fit:contain;
	}
	.multiple-video-section #counter{
		right: 85px;
		margin-top: 30px;
	}
	.multiple-video-section .owl-nav{
		    margin-top: 28px;
	}
	.multiple-video-section .owl-carousel .owl-nav button.owl-prev, .multiple-video-section .owl-carousel .owl-nav button.owl-next{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.typology-list li::before{
		height: 200px !important;
		width: 200px !important
	}
	.location-page .column-grid.is--list__labels.is--active{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 175px;
		    grid-column-gap: 1em;
		
	}
	.location-page .column-grid.tablet--smaller{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 175px;
	}
	.projects-page .product-details h6{
		font-size: 18px
	}
	.whats-new-margin-desktop .item{
		margin: 0 10px
	}
	.select-box .options-container.active{
		max-height: 265px !important;
	}
	.projects-page .product-details h6{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.get-brochure.know-more-section .hotels__col--img__w{
		        margin-right: 0;
        padding-right: 0;
        border-radius: .25em;
        width: 6.5em;
	}
	    .get-brochure.know-more-section h3.text--small {
        padding-left: 30px;
    }
    }	
 
			
@media (min-width: 1920px) and (max-width: 5000px) {
	.click-to-play-title{
		top:40%
	}
	.product-typology-icon-section h2.project-page-sub-title{
		margin-bottom: 60px
	}
	h2.project-page-sub-title2{
		margin-bottom: 0px
	}
	
	.project-title-line:after{
		top: 68px;
	}
	
	.popup.active .popup-content{
		width: 40%
	}
	.know-more-section .hotels__col--img__w {
    margin-right: 1em;
}
	body .home-page-section-is-hero .hero-content{
		max-width: 31em !important
	}
	
	.heading--large{
		font-size: 2.7em;
	}
	.heading--large.is--loader{
		font-size: 4em !important
	}
	
	.heading--large.is--loader .text--small{
		    font-size: 18px;
	}
	.load-wrapper .heading--large:before{
		bottom: -35px
	}
	.load-wrapper .heading--large:after{
		    top: -15px;
	}
	.new-projects.whats-new-section .edit-item__img{
		    object-fit: contain;
	}
	    .ongoing-projects .photo-copy_w1 {
        bottom: 1em;
    }
	.ongoing-projects a.swiper-slide__inner.w-inline-block:after{
		height: 85px;
	}
	.home-get-brochure h3.text--small {
        padding-left: 43px ;
    }
	
	.ongoing-project-page.projects-page h3.text--small{
		     
        padding-left: 60px;
	  
	}
		.ongoing-project-page.projects-page .green-dot-list:after{
		left: 40px;
	}
	.ongoing-project-page.projects-page .red-dot-list:after{
		left: 40px;
	}
	body .projects-page.ongoing-project-page .column-grid.projectdetail-column, body .projects-page.ongoing-project-page .projects-head-title{
		        grid-template-columns: 1fr 1fr 333px !important;
	}
	.upcoming-page.projects-page h3.text--small{
       
        padding-left: 40px;
		
    }
	.upcoming-page .column-grid.tablet--smaller, .upcoming-page .column-grid.is--list__labels.is--active{
		grid-template-columns: 1fr 1fr 195px;
	}
.delivered-grid-projects.projects-page h3.text--small {
    padding-left: 60px;
}
	.delivered-grid-projects.projects-page .green-dot-list:after{
		left: 40px;
	}
	.delivered-grid-projects.projects-page .red-dot-list:after{
		left: 40px;
	}
	body .projects-page.delivered-grid-projects .column-grid.projectdetail-column, body .projects-page.delivered-grid-projects .projects-head-title{
		        grid-template-columns: 1fr 1fr 333px !important;
	}
	
	.form-label{
		    font-size: .90rem;
	}
	.project-page-contact-details .cnt--details{
		font-size: 20px
	}
	.nav ul li a{
		padding: 10px 20px
	}
	.multiple-video-section #counter{
		right: 98px;
		margin-top: 30px;
	}
	.multiple-video-section .owl-nav{
		    margin-top: 28px;
	}
	.multiple-video-section .owl-carousel .owl-nav button.owl-prev, .multiple-video-section .owl-carousel .owl-nav button.owl-next{
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.typology-list li::before{
		height: 170px !important;
		width: 170px !important
	}
	.select-box .options-container.active{
		max-height: 315px;
	}
	.select-box label{
		    font-size: .675em !important;
	}
	.location-page .column-grid.is--list__labels.is--active{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 208px;
		    grid-column-gap: 1em;
		
	}
	.location-page .column-grid.tablet--smaller{
		    /*grid-template-columns: 1fr 1fr 1fr;*/
		grid-template-columns: 1fr 1fr 208px;
	}
	.projects-page .product-details h6{
		font-size: 20px
	}
	.select-box .options-container.active{
		max-height: 265px !important;
	}
	.whats-new-margin-desktop .item{
		margin: 0 10px
	}
	    .hero-content {
        max-width: 55rem !important;
    }
	.redvelopment-content {
        max-width: inherit !important;
    }
	.wide-resolution-newline{
		display: block
	}
	/*.about-wrapper .about-item-w{
		    grid-row-gap: 1.95rem;
	}*/
	.heading--large.is--loader.project-page-loader .orangedot{
		    top: -17px;
	}
	.projects-page .product-details h6{
		margin-bottom: 12px;
		margin-top: 12px;
	}
	
	
	 .get-brochure.know-more-section .hotels__col--img__w{
		        margin-right: 0;
        padding-right: 0;
        border-radius: .25em;
        width: 6.5em;
	}
	    .get-brochure.know-more-section h3.text--small {
        padding-left: 30px;
    }
	.articles-detail-page .terms-inner__text p {
    font-size: 23px;
    line-height: 37px;
}
	.first-detail-blog p {
    font-size: 28px;
}
	.other-articles-slider .owl-item p{
		font-size: 20px
	}
	
	.articles-detail-page .list-type li{
		font-size: 23px;
    line-height: 37px;
	}
	.articles-detail-page .project-title-line{
		font-size: 2.5em;
	}
	.other-articles-slider .owl-item p{
		width: 96%;
		        padding: 10px 40px;
		 }
	 }


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.desktop-none .footer-top_line{
		        width: 100vw !important;
		background-color: #8a8a8a !important; 
		  height: 1.1px !important;
		
		grid-area: span 1 / span 1 / span 1 / span 1 !important;
	}
	.views-section{
		margin-top: -1px
	}
	
}

.menu-wrapper .menu-link:hover {
	color: #f3004b !important;
  }

  /* Make the dot pink on hover for any link or social link */
.menu-link__item:hover .orangedot,
.text--link:hover .orangedot {
  color: #f3004b !important;
}

.heading--large.is--loader:hover .orangedot,
.heading--large.is--hero:hover .orangedot {
    color: #f3004b !important;
}
.orangedot {
    color: #f3004b !important;
	font-size: 20px;
	margin-left: 10px;
	margin-right: 5px;
}
a:hover .orangedot {
	color: #f3004b !important;
}



.menu-link__item.w--current .menu-link,
.menu-link__item:hover .menu-link {
    color: #f3004b !important;
}

.menu-link__item:hover .menu-link__overflow3 {
    background: #f3004b !important;
}

.menu-meta__links a:hover{
	color: #f3004b !important;
	font-size: 1.2rem;
}

.nav-wrapper-link:hover{
	transition: .3s;
	font-size: small;
	background-color: #f3004b;
	border-radius: 10px;
}

.nav-wrapper .nav-bar .nav-content{
	transition: .6s;
}
.dropdown-menu li > .nav-wrapper-link:hover,
.dropdown-menu li > .nav-wrapper-link:focus {
  background-color: #f3004b !important;
  color: white;
  border-radius: 10px;
}

.marquee-item{
	/* margin-top:20px;
	margin-right:17px; */
	border-radius: 0px;
	pointer-events: none;     /* disables mouse events like click, drag, scroll */
	user-select: none;        /* disables text selection */
	overflow: hidden; 
}

.button-main{
	transition: .3s;
}

.menu-meta__links a{
	font-size: 1.2rem;
}

html.lenis, html.lenis body {
	height: auto;
  }
  
  .lenis.lenis-smooth {
	scroll-behavior: auto !important;
  }
  
  .lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
  }
  
  .lenis.lenis-stopped {
	overflow: hidden;
  }
  
  .lenis.lenis-smooth iframe {
	pointer-events: none;
  }

  
  /* .item {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	transition: all 0.3s ease;
  }
  
  .item::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 30px rgba(255, 0, 150, 0.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 2;
  } */
  
  .item:hover::before {
	opacity: 1;
  }

  .text--link:hover{
	color: #f3004b !important;
	transition: .3s;
	text-decoration: none;
  }

  #emipiechart{
	color: #f3004b !important;
  }

  .connect-ui {
	display: flex;
	align-items: center;
	gap: 20px; /* Space between phone icon and menu */
  }
  
  .phone-icon svg {
	color: #111; /* solid dark icon */
	width: 32px;
	height: 32px;
  }
  
  .menu-toggle {
	display: flex;
	align-items: center;
	background: #222;
	border-radius: 20px;
	padding: 4px 16px 4px 16px;
	position: relative;
	cursor: pointer;
	transition: background .2s;
  }
  .menu-label {
	color: #f6f6f6;
	font-size: 1.1em;
	margin-right: 14px;
	letter-spacing: 1px;
  }
  
  .menu-icon {
	background: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .menu-icon .bar {
	display: block;
	width: 20px;
	height: 3px;
	background: #d72660; /* Use your theme accent color */
	margin: 3px 0;
	border-radius: 2px;
  }
  
  .menu-icon .bar2 {
	opacity: 0.7;
  }
  
  .menu-icon .bar3 {
	opacity: 0.4;
  }
  
  .menu-toggle:hover, .menu-toggle.active {
	background: #181818;
  }
  
/* Container */
.connect-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Phone Icon */
.phone-icon {
    font-size: 20px;
    color: black;
    text-decoration: none;
}

/* Menu Button Styling */
.menu-button {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}

/* MENU text section */
.menu-text {
    background-color: black;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
}

/* Icon section */
.menu-icon {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 12px;
}

.menu-icon span {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #d11a5f;
    margin: 2px 0;
}

.connect-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.phone-icon {
    font-size: 20px;
    color: black;
    text-decoration: none;
}

.menu-button {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}

.menu-text {
    background-color: black;
    color: white;
    padding: 8px 15px;
    font-size: 14px;
}

.menu-icon {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 12px;
}

.menu-icon span {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #d11a5f;
    margin: 2px 0;
}

.dropdown {
    display: none;
    position: absolute;
    top: 110%;
    left: 0;
    background: white;
    border-radius: 8px;
    list-style: none;
    padding: 10px 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    min-width: 120px;
}

.dropdown li {
    padding: 5px 20px;
}

.dropdown li a {
    text-decoration: none;
    color: black;
}

/* Show when active */
.dropdown.show {
    display: block;
}


.container-padding2{
	padding: 0;
}
/* === FINAL RESPONSIVE MARQUEE FOR WHATS-NEW-SECTION === */

.whats-new-section {
    overflow: hidden;
    position: relative;
}

.tempDemo {
    --slide-count: 11; /* Number of original items */
    --visible-items: 5; /* Default for Desktop */
    --slide-width: calc(100vw / var(--visible-items));
    --slide-margin: 5px;
    --total-width: calc(var(--slide-count) * (var(--slide-width) + var(--slide-margin)));

    display: flex;
    width: calc(2 * var(--total-width)); /* Duplicated width for seamless loop */
    animation: marquee-scroll 80s linear infinite;
}

@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--total-width))); }
}

.tempDemo:hover {
    animation-play-state: paused;
}

.tempDemo .item {
    flex: 0 0 var(--slide-width);
    margin: 0 calc(var(--slide-margin) / 2);
    box-sizing: border-box; /* Ensures padding/border are included in width */
}

.tempDemo .item img {
    width: 100%; /* Let the image fill the item container */
    height: auto;
    border-radius: 8px; /* Optional: adds nice rounded corners */
}

/* --- Media Queries for Great Responsiveness --- */

/* Tablet */
@media screen and (max-width: 991px) {
    .tempDemo {
        --visible-items: 4;
        animation-duration: 60s;
    }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
    .tempDemo {
        --visible-items: 3;
        animation-duration: 60s;
    }
}

/* Mobile Portrait - This is where the 'blank screen' bug was happening */
@media screen and (max-width: 479px) {
    .tempDemo {
        --visible-items: 2.2; /* Show 2 and a bit of the next one */
        --slide-margin: 5px;
        animation-duration: 60s;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .tempDemo {
        animation: none;
        width: auto;
        overflow-x: auto; /* Becomes a simple scrollable list */
    }
}


/* Tablet and below */
@media screen and (max-width: 991px) {
	.section.is--black.is--footer { min-height: auto; }
	.footer-wrap { height: auto; }
  }

  @media screen and (max-width: 991px) {
	.hide-tablet { display: none !important; }
  }

  @media screen and (max-width: 991px) {
	.section.is--black.is--footer { padding-top: 1.5em; }
  }

/* Show desktop footer on tablets (767–991px) */
@media screen and (min-width: 767px) and (max-width: 991px) {
  /* Ensure desktop footer is visible in this range */
  .hide-tablet { display: block !important; }
  .section.is--black.is--footer.hide-tablet { display: block !important; font-size: 14px;padding: 2em;}
  /* Hide mobile footer in this range */
  .desktop-none { display: none !important; }
  #w-node-a38493ae-ad70-3079-daae-cd33fc45cb77-fc45cb64{

	margin-right: 35px;
	visibility: hidden;
  }
}

    /* Call Icon Vibration Animation */
    .fa-phone-volume {
		transition: all 0.3s ease;
	  }
  
	  .fa-phone-volume:hover {
		color: #e91e63;
	  }
  
	  .fa-phone-volume.vibrate {
		animation: callVibrate 0.6s ease-in-out;
	  }
  
	  @keyframes callVibrate {
  
		0%,
		100% {
		  transform: translateX(0) rotate(0deg);
		}
  
		10% {
		  transform: translateX(-2px) rotate(-1deg);
		}
  
		20% {
		  transform: translateX(2px) rotate(1deg);
		}
  
		30% {
		  transform: translateX(-2px) rotate(-1deg);
		}
  
		40% {
		  transform: translateX(2px) rotate(1deg);
		}
  
		50% {
		  transform: translateX(-1px) rotate(-0.5deg);
		}
  
		60% {
		  transform: translateX(1px) rotate(0.5deg);
		}
  
		70% {
		  transform: translateX(-1px) rotate(-0.5deg);
		}
  
		80% {
		  transform: translateX(1px) rotate(0.5deg);
		}
  
		90% {
		  transform: translateX(0) rotate(0deg);
		}
	  }
  
	  /* Dropdown styles */
	  .dropdown-connect {
		position: relative;
		display: inline-block;
	  }
  
	  .nav {
		list-style: none;
		margin: 0;
		padding: 0;
	  }
  
	  .nav li {
		position: relative;
	  }
  
	  .menu-btn {
		display: flex;
		align-items: center;
		background-color: black;
		border-radius: 45px;
		overflow: hidden;
		height: clamp(28px, 6vw, 40px);
		cursor: pointer;
		/* transition: all 0.4s ease; */
		height: 35px;
		border: none;
		border: transparent;
	  }
  
	  .menu-btn span {
		color: white;
		padding: 0 0.6em;
		font-size: clamp(10px, 2.8vw, 14px);
		white-space: nowrap;
	  }
  
	  .menu-icon {
		background-color: white;
		padding: 0.3em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0.2em;
		border-radius: 50%;
		height: 35px;
		position: relative;
		border: transparent;
	  }
	  
  
	  .menu-line {
		width: clamp(10px, 3vw, 14px);
		height: 2px;
		/* Made thicker and consistent */
		background-color: #d12c5c;
		border-radius: 1px;
		transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transform-origin: center;
		position: relative;
		z-index: 101;
		/* Higher z-index to stay above background */
	  }
	  
	  /* Menu active state - X formation with smooth animation */
	  .menu-btn.active .menu-line:nth-child(1) {
		transform: translateY(calc(2px + 0.2em)) rotate(45deg) scaleX(1.3);
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  .menu-btn.active .menu-line:nth-child(2) {
		opacity: 0;
		transform: scaleX(0);
		transition: opacity 0.2s ease 0.1s, transform 0.3s ease;
	  }
  
	  .menu-btn.active .menu-line:nth-child(3) {
		transform: translateY(calc(-2px - 0.2em)) rotate(-45deg) scaleX(1.3);
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  /* Enhanced smooth transitions for closing */
	  .menu-btn .menu-line:nth-child(1) {
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  .menu-btn .menu-line:nth-child(2) {
		transition: opacity 0.3s ease 0.1s, transform 0.3s ease;
	  }
  
	  .menu-btn .menu-line:nth-child(3) {
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  .close {
		position: absolute;
		top: 15px;
		right: 20px;
		font-size: 28px;
		font-weight: bold;
		cursor: pointer;
		color: #aaa;
	  }
  
	  .close:hover {
		color: #e91e63;
	  }


	  .button-main {
		/* Layout & Sizing */
		padding: 10px 24px;
		min-width: 180px;
		
		/* Typography */
		font-size: 15px;
		font-weight: 500;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		text-align: center;
		text-decoration: none;
		
		/* Appearance */
		border: 2px solid #f3004b;
		border-radius: 50px; /* Matches your original rounded style */
		background: transparent;
		color: #f3004b;
		cursor: pointer;
		
		/* Layout */
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		
		/* Animation Setup */
		position: relative;
		overflow: hidden;
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		
		/* Remove default button styles */
		border: 2px solid #f3004b;
		outline: none;
	}
	
	/* Fill animation background */
	.button-main::before , .text-bubble::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: #f3004b;
		transition: width 0.4s ease;
		z-index: -1;
		border-radius: inherit;
	}

	.text-bubble{
		border-radius: 50px; /* Matches your original rounded style */
		background: transparent;
		color: black;
		cursor: pointer;
		
		/* Layout */
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		
		/* Animation Setup */
		position: relative;
		overflow: hidden;
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		
		/* Remove default button styles */
		border: 2px solid #f3004b;
		outline: none;
	}
	
	/* Hover state */
	.button-main:hover ,.hotels-item:hover .text-bubble{
		color: white;
		transform: translateY(-2px);
		box-shadow: 0 8px 25px rgba(243, 0, 75, 0.3);
	}


	
	.button-main:hover::before ,.hotels-item:hover .text-bubble::before {
		width: 100%;
	}
	
	/* Arrow animation (optional) */
	.button-main .arrow, .text-bubble .arrow {
		display: inline-block;
		transition: transform 0.3s ease;
		margin-left: 4px;
		font-size: 14px;
	}
	
	.button-main:hover .arrow, .hotels-item:hover .text-bubble .arrow {
		transform: translateX(4px);
	}
	
	/* Active/Click state */
	.button-main:active {
		transform: translateY(-1px) scale(0.98);
		transition: all 0.1s ease;
	}
	
	/* Focus state for accessibility */
	.button-main:focus {
		outline: none;
		box-shadow: 0 0 0 3px rgba(243, 0, 75, 0.2);
	}
	
	.button-main:focus:hover {
		box-shadow: 
			0 8px 25px rgba(243, 0, 75, 0.3),
			0 0 0 3px rgba(243, 0, 75, 0.2);
	}
	
	/* Disabled state (if needed) */
	.button-main:disabled {
		opacity: 0.6;
		cursor: not-allowed;
		transform: none;
	}
	
	.button-main:disabled:hover {
		transform: none;
		box-shadow: none;
	}
	
	.button-main:disabled::before {
		width: 0;
	}
	
	/* ============================================
	   RESPONSIVE ADJUSTMENTS
	   ============================================ */
	
	@media (max-width: 768px) {
		.button-main {
			padding: 14px 28px;
			font-size: 14px;
			min-width: 160px;
		}
	}
	
	@media (max-width: 480px) {
		.button-main {
			padding: 12px 24px;
			font-size: 13px;
			min-width: 140px;
		}
	}

	#hero-btn2{
		margin-left: 50%;
		margin-right: 50%;
		transform: translateX(-50%);
	}

	


    .close {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 28px;
      font-weight: bold;
      cursor: pointer;
      color: #aaa;
    }

    .close:hover {
      color: #e91e63;
    }

	.menu-meta__links {
		display: flex;
		gap: 12px;
		padding: 15px 0;
	  }
	  
	  .menu-meta__links a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;       /* fixed size for circle */
		height: 36px;      /* fixed size for circle */
		background-color: white;
		border-radius: 50%;  /* make it circle */
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		text-decoration: none; /* remove underline */
		transition: background-color 0.3s, color 0.3s;
		cursor: pointer;
		color: black; /* icon color */
		font-size: 18px; /* icon size */
	  }
	  
	  .menu-meta__links a:hover .bi,.menu-meta__links a:hover {
		transition: all 0.3s ease;
		background-color: #f3004b;
		color: white;
		box-shadow: 0 0 12px #f3004b;
	  }
	  
	  .menu-meta__links a .bi {
		pointer-events: none; 
		margin-top: 2px;
	  }

	  body.no-scroll {
		height: 100%;
		overflow: hidden;
	  }
	  

	  .menu-btn {
		display: flex;
		align-items: center;
		background-color: black;
		border-radius: 45px;
		overflow: hidden;
		height: clamp(28px, 6vw, 40px);
		cursor: pointer;
		/* transition: all 0.4s ease; */
		height: 35px;
		border: 1px solid white;
		overflow: visible;
	  }
  
	  .menu-btn span {
		color: white;
		padding: 0 0.6em;
		font-size: clamp(10px, 2.8vw, 14px);
		white-space: nowrap;
	  }
  
	  .menu-icon {
		background-color: white;
		padding: 0.3em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0.2em;
		border-radius: 50%;
		/* height: 100%; */
		z-index: 100;
		height: 30px;
		width: 30px;
		margin-right: 2px;
		position: relative;
		border: 1px solid white;
  
	  }
  
	  .menu-line {
		width: clamp(10px, 3vw, 14px);
		height: 2px;
		/* Made thicker and consistent */
		background-color: #d12c5c;
		border-radius: 1px;
		transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		transform-origin: center;
		position: relative;
		z-index: 101;
		/* Higher z-index to stay above background */
	  }
  
	  /* Menu active state - X formation with smooth animation */
	  .menu-btn.active .menu-line:nth-child(1) {
		transform: translateY(calc(2px + 0.2em)) rotate(45deg) scaleX(1.3);
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  .menu-btn.active .menu-line:nth-child(2) {
		opacity: 0;
		transform: scaleX(0);
		transition: opacity 0.2s ease 0.1s, transform 0.3s ease;
	  }
  
	  .menu-btn.active .menu-line:nth-child(3) {
		transform: translateY(calc(-2px - 0.2em)) rotate(-45deg) scaleX(1.3);
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  /* Enhanced smooth transitions for closing */
	  .menu-btn .menu-line:nth-child(1) {
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }
  
	  .menu-btn .menu-line:nth-child(2) {
		transition: opacity 0.3s ease 0.1s, transform 0.3s ease;
	  }
  
	  .menu-btn .menu-line:nth-child(3) {
		transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	  }


	  @media screen and (max-height: 1100px) {
		.section.is--marquee {
		  height: 20vh;
		}
	  }
	  /* Shorter devices (≤1500px tall, smaller phones) */
	  @media screen and (max-height: 1500px) {
		.section.is--marquee {
		  height: 30vh;
		}
	  }
	  
	  /* Medium-tall devices (1501px – 2600px tall, e.g. iPhone 13/14/15) */
	  @media screen and (min-height: 1501px) and (max-height: 2600px) {
		.section.is--marquee {
		  height: 25vh;
		}
	  }
	  
	  /* Tall devices (2601px – 3100px tall, e.g. big Androids, iPhone Pro Max) */
	  @media screen and (min-height: 2601px) and (max-height: 3100px) {
		.section.is--marquee {
		  height: 20vh;
		}
	  }
	  
	  /* Ultra-tall devices (3101px – 3500px) */
	  @media screen and (min-height: 3101px) and (max-height: 3500px) {
		.section.is--marquee {
		  height: 16vh;
		}
	  }
	  
	  /* Extremely tall devices (≥3501px, rare cases) */
	  @media screen and (min-height: 3501px) {
		.section.is--marquee {
		  height: 14vh;
		}
	  }


	  .marquee-item{
		width: 26em;
	  }

	  @media (max-width: 467px) {
			  .hero-content1 img{
		width: 35%;
	  }
	  }