@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300..800&display=swap');


 .amenities-section {

      padding: 70px 0;

      background-color: #fff;

    }



    .amenities-title {

      text-align: left;

      font-size: 2.5rem;

      font-weight: 700;

      margin-bottom: 50px;

      color: #222;

    }



    .amenity-grid {

      display: grid;

      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

      gap: 30px;

    }



    .amenity-item {

      position: relative;

      background: #ffffff;

      border-radius: 16px;

      overflow: hidden;

      text-align: center;

      padding: 40px 20px 20px;

      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);

      transition: all 0.3s ease;
	  border: 1px solid #d8d8d8;

    }



    .amenity-item:hover {

      transform: translateY(-8px);

      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);

    }



    .amenity-icon {

      width: 70px;

      height: 70px;

      margin: 0 auto 20px;

      background-color: #f0f0f0;

      border-radius: 50%;

      display: flex;

      justify-content: center;

      align-items: center;

      transition: background-color 0.3s ease, transform 0.3s ease;

    }



    .amenity-icon img {

      width: 36px;

      height: 36px;

      transition: transform 0.3s ease;

    }



    /*.amenity-item:hover .amenity-icon {*/

    /*  background-color: #c3a443;*/

    /*}*/



    .amenity-item:hover .amenity-icon img {

      transform: scale(1.2);

   

    }



    .amenity-title {

      font-size: 1.1rem;

      font-weight: 600;

      color: #333;

      margin-bottom: 5px;

    }



    .amenity-desc {

      font-size: 0.9rem;

      color: #666;

    }



    @media (max-width: 575px) {

      .amenity-icon {

        width: 60px;

        height: 60px;

      }



      .amenity-icon img {

        width: 30px;

        height: 30px;

      }

    }

    



 .section.is--hero {

  position: relative;

  width: 100%;

  height: 80vh; /* Full screen height */

  padding: 0;

  margin: 0;

  overflow: hidden;

}



.video-container {

  position: relative;

  width: 100%;

  height: 100%;

}



.background-video {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover; /* Ensures full cover without distortion */

  z-index: 1;

}



.overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7); /* Dark overlay to improve text visibility */

  z-index: 2;

}



.hero-content {

  position: absolute;

  z-index: 3;

  top: 50%;

  left: 50%;

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

  text-align: center;

  color: #ffffff;

  width: 100%;

  max-width: 900px;

  padding: 0 15px;

}



.hero-content h1 {

  font-size: 4rem;

  line-height: 1.2;

}



.hero-content p {

  font-size: 1.2rem;

  margin-top: 1rem;

  line-height: 1.6;

}



#hero-btn {

  margin-top: 2rem;

  padding: 12px 30px;

  font-size: 1rem;

  background-color: #ffffff;

  color: #000000;

  border-radius: 5px;

  font-weight: bold;

  text-decoration: none;

  display: inline-block;

  transition: all 0.3s ease;

}



#hero-btn:hover {

  background-color: #b1b1b1ff;

  color: #000;

}





#hero-btn2 {

  margin-top: 2rem;

  padding: 12px 30px;

  font-size: 1rem;

  background-color: #000000;

  color: #fff;

  border-radius: 5px;

  font-weight: bold;

  text-decoration: none;

  display: inline-block;

  transition: all 0.3s ease;

    text-align: center;

}



#hero-btn2:hover {

  background-color: #b1b1b1ff;

  color: #000;

}



  #backToTopBtn {

  display: none; /* Hidden by default */

  position: fixed;

  width: 45px;

  padding: 20px;

  height: 45px;

  bottom: 30px;

  right: 30px;

  z-index: 999;

  font-size: 22px;

  border: none;

  outline: none;

  background-color: #dbdbdb;

  color: black;

  cursor: pointer;

  padding: 12px 12px;

  border-radius: 50%;

  box-shadow: 0 4px 8px rgba(0,0,0,0.2);

  transition: opacity 0.4s, transform 0.3s;

}



/* Style for the fixed WhatsApp icon */

.whatsapp-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

    background-color: #25D366; /* WhatsApp green */

    color: white;

    border-radius: 50%;

    text-decoration: none;

    box-shadow: 0 2px 8px rgba(0,0,0,0.2);

    position: fixed;

    bottom: 20px; /* adjust for position */

    left: 20px; /* adjust for position */

    z-index: 999;

    transition: background-color 0.3s ease;

}



.whatsapp-icon:hover {

    background-color: #1ebe5d;

}



.whatsapp-icon i {

    font-size: 24px;

}



#backToTopBtn:hover {

  background-color: #5a5a5a;

  color: #fff;

  transform: scale(1.1);

  border: 1px solid #dadada;

}



.heading--large.is--loader.project-page-loader .orangedot{

   margin: 0 3px 0 3px;

    color: #ea5e20;

    display: block;

   font-size: 50px;

    line-height: 0;

    top: -12px;

    position: relative;

	

	}

.heading--large.is--loader .orangedot-loader{

   margin: 0 3px 0 3px;

    color: #ea5e20;

    display: block;

   font-size: 50px;

    line-height: 10px;

    top: -12px;

    position: relative;

	}

.text-bubble{

    display: inline-block

}

.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{width:100%}
.banner-card{position:relative;display:block;overflow:hidden;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}
.banner-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.banner-media{width:100%;aspect-ratio:21/9;background-image:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:5px}
.banner-overlay{position:absolute;inset:auto 0 0 0;padding:18px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.35)45%,rgba(0,0,0,0))}
.banner-title{margin:0;color:#fff;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:.02em;text-transform:uppercase}
@media (max-width:991px){.banner-media{aspect-ratio:8/4}}
@media (max-width:576px){.banner-overlay{padding:14px 16px}.banner-title{font-size:clamp(14px,4vw,18px)}}
@supports not (aspect-ratio:1/1){.banner-media{position:relative}.banner-media::before{content:"";display:block;padding-top:calc(100%*9/21)}}
.ongoing-projects{width:100%}.banner-card{position:relative;display:block;overflow:hidden;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.banner-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)}.banner-media{width:100%;aspect-ratio:21/9;background-image:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:5px}.banner-overlay{position:absolute;inset:auto 0 0 0;padding:18px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.35)45%,rgba(0,0,0,0))}.banner-title{margin:0;color:#fff;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:.02em;text-transform:uppercase}@media (max-width:991px){.banner-media{aspect-ratio:8/4}}@media (max-width:576px){.banner-overlay{padding:14px 16px}.banner-title{font-size:clamp(14px,4vw,18px)}}@supports not (aspect-ratio:1/1){.banner-media{position:relative}.banner-media::before{content:"";display:block;padding-top:calc(100%*9/21)}}


.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

}



.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 #1d1d1d

}

.text-center{

	text-align: center

}

.about-title-detial{

	margin-top: 30px;

	letter-spacing: 0.5px;

	

	width: 100%;

	   

}


.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: #1d1d1d;

}



.nav li li a {

    display: block;

   /* background: #1d1d1d;*/

    position: relative;

    z-index:100;

}

#form_process {


	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;
	padding: 10px 15px;
	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

}


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;

	padding-top: 3em;

}


.inquiry-form .w-button {
  background-color: #1d1d1d;

	    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;

}



.contact-page-detail{


    width: 30%;

    margin: 40px auto;

}

.contact-page-detail span {

    display: inline-block;

	font-weight: bold;

	text-transform: uppercase

}

.project-location-btn{

	padding: 1.5em

}


.pad-left {

    padding-right: 61px;

}

.mt-80{

	margin-top: 80px

}

.mt-50{

	margin-top: 50px

	

}

.mt-20{

	margin-top: 20px

}

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

}

  .input-visually-hidden {
  position: absolute !important;
  left: -9999px !important;  /* keep focusable for accessibility */
}

.file-wrapper { display: inline-flex; align-items: center; gap: 8px; }

.file-button {
  display: inline-flex; align-items: center; gap: 8px;
  cursor: pointer;
  padding: 4px; border: 1px solid #ccc; border-radius: 6px;
  user-select: none;
}



.file-wrapper .file-button {

    color: #3b3b3b;
	width: 225px;

    cursor: pointer;

    margin-left: -20px;

    padding: 15px;

    background:  #c3c3c3 !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: 20px;
    padding-left: 35px;
    position: absolute;
    left: auto;
    font-weight: 400;
    font-size: 18px;

}

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

}



.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: Wulkandisplay, 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: #505050;

	outline: none;

	cursor: pointer;

	z-index: 100;

}


.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: #1d1d1d;

  

  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;
  border-radius: 15px;


}

.popup-content h6{

  display: table;

  

  text-align: center;

  margin: 0px auto 30px;

  

 

  letter-spacing: -.03em;

    font-family: Wulkandisplay, 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;
    padding-top: 30px;

}

.number-font-style{

	font-family: Suisseintl, 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: 17px

}



.photo-copy_w1 .text--med.is--caps {

    font-weight: 600;

}

.edit-cta-w1{

	      width: 3em;

    height: 2em;

    color: #fff;

    border-radius: 100em;

	    position: absolute;

    bottom: 1em;

    right: 1.25em;

    font-weight: 600;

}

.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: #1d1d1d;

    

}

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

    max-height: 95vh;

    border-radius: 0.25em;

    flex: none;

    position: relative;

    overflow: hidden;

   font-family: "Parkinsans", sans-serif !important;

}



.edit-item__img {

   transition: transform 0.5s ease;

   width: 100%;

   height: auto;

   display: block;

}



.edit-item1:hover .edit-item__img {

   transform: scale(1.05);

}



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

}



.project-page-inquiry-form{

	background-color: #fff;

}


.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 #1d1d1d;

	background: #1d1d1d;

	

	

}

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

}


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

	}

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: #28282d8a;

    width: 100%;

    bottom: 0;

    height: 80px;

}

.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: #1d1d1d;

    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;

	transform: none;

}

.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: #1d1d1d;

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

	background-color: #fff;

	padding-bottom: 0.02em;

	    padding-top: 0;

}

.onsite-image-marquee{

	padding-bottom: 0;

    background-color: #fff;

    height: 55vh;

}

.get-brochure.know-more-section{

	background-color: #1d1d1d;

}

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

}

.walk-through-video{

	margin-top: -16px;

	background: #1d1d1d;

}

.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: #1d1d1d;

    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: #1d1d1d;

    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: #1d1d1d;

    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: #1d1d1d;

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

  

}

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



background: #1111115c;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    text-align: center;

    line-height: 70px;

    font-size: 28px;

    z-index: 1;

    outline: 2px solid #fff;

    outline-offset: 3px;

    position: relative;

    left: 0px;

}

.walk-through-video .full--bg__img{

	transform: none;

	

}

.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: #1d1d1d;

	color: #fff;

	padding:1.9rem 0;

}

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

	 



		}



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

}

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

    box-shadow: 0 0 0 30px transparent inset;

    -webkit-text-fill-color: black;

    transition: background-color 5000s ease-in-out 0s;

}





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

}

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

}

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

}

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

}




    .vision-mission-section {

      max-width: 1400px;

      margin: 0 auto;

      padding: 60px 20px;

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 40px;

    }



    .box {

      background: #ffffff;

      border-left: 6px solid #888;

      border-radius: 8px;

      padding: 30px;

      box-shadow: 0 4px 20px rgba(0,0,0,0.05);

      transition: all 0.3s ease;

    }



    .box:hover {

      transform: translateY(-5px);

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

    }



    .box h2 {

      font-size: 28px;

      color: #444;

      margin-bottom: 15px;

      border-bottom: 2px solid #ccc;

      padding-bottom: 10px;

    }



    

    .box p {

      font-size: 16px;

      line-height: 1.6;

    }



    @media (max-width: 768px) {

   

      .box h2,

      .box p {

        margin-left: 40px;

      }



      .vision-mission-section {

        grid-template-columns: 1fr;

      }



      .icon-fixed {

        top: 17px;

        left: 608px;

        font-size: 31px;

        color: #666;

        background-color: #f4f4f4;

        border-radius: 50%;

        padding: 10px;

      }

    }



/* Section styling */

.testimonial-section {

  background: linear-gradient(135deg, #f3f3f3, #ffffff);

  padding: 80px 20px;

  font-family: Arial, sans-serif;

}



.testimonial-container {

  max-width: 950px;

  margin: 0 auto;

  text-align: center;

}



.testimonial-heading {

  font-size: 28px;

  font-weight: 700;

  margin-bottom: 50px;

  color: #222;

}



/* Slides */

.testimonial-content {

  position: relative;

  min-height: 220px;

}



.testimonial-slide {

  display: none;

  opacity: 0;

  transform: translateY(20px);

  transition: all 0.5s ease;

}



.testimonial-slide.active {

  display: block;

  opacity: 1;

  transform: translateY(0);

}



.quote {

  font-size: 20px;

  line-height: 1.6;

  color: #333;

  max-width: 750px;

  margin: 0 auto 25px;

  position: relative;

}



.quote::before {

  content: "“";

  font-size: 60px;

  color: #636464ff;

  position: absolute;

  left: -25px;

  top: -15px;

  opacity: 0.3;

}



.author-info {

  display: inline-flex;

  align-items: center;

  gap: 15px;

}



.author-img {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  object-fit: cover;

}



.author-name {

  font-weight: bold;

  font-size: 16px;

  color: #222;

}



.author-role {

  font-size: 14px;

  color: #777;

}



/* Navigation */

.testimonial-nav {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 15px;

  margin-top: 35px;

}



.nav-btn {

  background: none;

  border: none;

  font-size: 28px;

  cursor: pointer;

  color: #777;

  transition: color 0.3s ease;

}



.nav-btn:hover {

  color: #0f0f0fff;

}



.nav-dots {

  display: flex;

  gap: 8px;

}



.nav-dot {

  width: 10px;

  height: 10px;

  background: #ccc;

  border-radius: 50%;

  cursor: pointer;

}



.nav-dot.active {

  background: #363636ff;

}



/* Responsive */

@media (max-width: 600px) {

  .quote {

    font-size: 17px;

    padding: 0 10px;

  }

  .testimonial-heading {

    font-size: 22px;

  }

}

/* Dark Overlay */

.cta-overlay {
  top: 0;

  left: 0;

  width: 100%;

  height: 100%;                   /* Same height as section */

  display: flex;                  /* Center content */

  align-items: center;

  justify-content: center;

  padding: 60px;
      background-color: rgba(0,0,0,0.6); 
       

}



/* Text Content */

.cta-content h2 {

  color: #fff;

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 15px;

  animation: fadeDown 1s ease forwards;

}



.cta-content p {

  color: #e0e0e0;

  font-size: 1.1rem;

  margin-bottom:10px;

  animation: fadeUp 1s ease forwards;

  padding-top: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: 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;

	text-align: center;

}

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

}

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

    border-radius: 0;
    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;

}

.other-articles-slider .owl-dots .owl-dot span{

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    transition: opacity .2s ease;

    border-radius: 30px;

}

	  .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: 11px;

}



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

}



	

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

		padding: 1.5rem 0

	}

	

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

    }

    .nav ul {

        display: block;

        

    }

  

	.nav li ul{

		margin-top: 10px;

		width: 100%;

		font-size: 14px;



	}

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

}

	.text--link::before{

		display: none;

	}

	.upcoming-page-title{

		font-size: 1.84em;

	}

	.home-page-section-is-hero{

	padding-top: 0em;

}

.section.is--hero {

  /*padding-top: 14.5em;*/

	padding-top: 0em;

     padding-bottom: 0em;

}

	.projects-page .hotels-list{

		margin-bottom: 0;

	}

	.projects-page{

		padding-bottom: 3em;

	}

	.whats-new-section{

		padding-bottom: 3em;

		margin-top: -1px;

	}

	.disclaimer-section{

		padding-bottom: 3em;

	}

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

}

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

	}

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

	   padding-top: 100px;

	}

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

		

	}

	.menu-link__overflow::before{

		left:4px

	}

	.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: 90px;

}

	.mobile-newline{

		display: block

	}

	.newline{

		display: block;

	}

	.projects-page h3.location-name.mt-20{

		margin-top: 20px;

	}

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

	}

	

	.menu-link__overflow::before{

		transition:transform 0s;

	}

	.walk-through-video{

		height: 50vh !important;

	}

	.walk-through-video .reg-p.max-28{

		margin-bottom: 0;

	}

	.walk-through-video .heading--large{

		margin-bottom: 0;

	}

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

}


.about-grid {

  display: grid;
  grid-template-columns: 1fr;
  gap: 8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}



@media (min-width: 992px) {

  .about-grid {

    grid-template-columns: 1fr 1fr;

    align-items: center;

  }

}

.about-image {

   border-radius: 16px;

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

}

.about-content-wrapper {

  width: 100%;

}

.heading-xxl {

     font-size: 3rem;

    font-weight: 700;

    margin-bottom: 3rem;

    line-height: normal;

}

.heading-sm {

  font-size: 1.25rem;

  font-weight: 600;

  margin-top: 2rem;

}

.text-color-primary {

  color: #003366; /* Customize to your brand */

}

.divider {

  height: 1px;

  background-color: #e0e0e0;

  margin: 2rem 0;

}

.about-content p {

  margin-bottom: 1rem;

  line-height: 1.6;

  font-size: 20px;

}

/* Gradient Background for Testimonial Cards */

.testimonial-card {

  background: radial-gradient(circle, rgba(247, 247, 247, 0.97) 0%, rgba(255, 255, 255, 1) 0%); 

  padding: 20px;

  border-radius: 15px;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Lighter shadow */

  border: 1px solid #dcdcdc; /* Light grey border */

  position: relative;

  overflow: hidden;

  transition: transform 0.6s ease; /* Slower transition speed */

  height: 100%;

}



.testimonial-card:hover {

  transform: scale(1.05); /* Card hover effect */

}



/* Avatar image container */

.avatar-container {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  overflow: hidden;

  margin-bottom: 10px;

  transition: transform 0.3s ease;

}



.avatar {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



/* Zoom effect for avatar on hover */

.avatar-container:hover {

  transform: scale(1.1);

}



/* Star Rating */

.stars {

  margin-top: 10px;

  color: #f39c12;

}



.stars i {

  font-size: 18px;

  margin-right: 3px;

}



/* Text Animations */

.testimonial-card p {

  /*animation: slideIn 1s ease-out forwards;*/

  font-size: 0.9rem; 

}





/* Custom Swiper Navigation Buttons */

.swiper-button-next, .swiper-button-prev {

  color: #f6f6f6; /* Icon color */

  background-color: #757575; /* Background color */

  padding: 12px; /* Adjusted padding for the button size */

  border-radius: 50%; /* Make the button circular */

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow */

  width: 45px; /* Width of the circular button */

  height: 45px; /* Height of the circular button */

  display: flex;

  justify-content: center; /* Center the icon horizontally */

  align-items: center; /* Center the icon vertically */

  transition: background-color 0.3s ease;

}



.swiper-button-next:hover, .swiper-button-prev:hover {

  background-color: #000; /* Highlight color on hover */

  color: #fff; /* Change icon color on hover */

}



.swiper-button-next i, .swiper-button-prev i {

  font-size: 18px; /* Smaller icon size */

}



.swiper-button-next:after, .swiper-button-prev:after {

  content: ""; /* Remove default text content if any */

}

.swiper-button-next i, .swiper-button-prev i {

  font-size: 20px; /* Ensure the icon is large enough */

}





/* Swiper buttons */

.swiper-buttons {

  display: flex;

  gap: 10px; /* Add space between buttons */

}



.swiper-button-next, .swiper-button-prev {

  color: #f6f6f6;

  background-color: #757575;

  padding: 12px;

  border-radius: 50%;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

  width: 45px;

  height: 45px;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 20px;

  transition: background-color 0.3s ease;

}



.swiper-button-next:hover, .swiper-button-prev:hover {

  background-color: #f06;

  color: #fff;

}







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

	}

	.home-section-is--marquee{

		height:60vh

	}

	.image-position-bottom{

		object-position: bottom

	}

	.image-position-top{

		object-position: top

	}


	.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: 450px;

    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{

		    right: 0.9em;

	}

	.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

	}

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

}

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

		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr

	}

	.map{

		margin-top: 0px;

		width: 100%

	}

	.heading--large.is--loader .newline{
		display: block;
	}

	.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: 60vh;

	}

	    .selector-wrapper > .arrow {

        margin-top: -16px;

    }

	.select-box .selected{

		font-size: 0.9rem;

    margin-top: 6px

	}

	.contact-page-add-detail img{

		    width: 30px;

	}

	.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: 1fr;

	}

	.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:19px;

        font-weight: 600;

        color: #111;

        letter-spacing: 2;

        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: 65vh;

		min-height:30em

	}

	.desktop-image-position-bottom{

		object-position: bottom

	}

	
	.ongoing-projects .edit-item1{

		max-height: 65vh;

	}

	.home-get-brochure h3.text--small {

            font-size: .75em;

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

		color:#fff;

		font-weight: 600;

		border-color:#575559

	}

	.home-get-brochure  .whatsapp-brochure{

		right: 17px

	}

	

	.onsite-image-marquee .marquee-item{

		width:25em

	}

	    .section.is--marquee.onsite-image-marquee {

        height: 65vh;

        min-height: 24em;

    }

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

	}


	.home-get-brochure .text-bubble{

		letter-spacing: 0.5px

	}



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

		

    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;

			}

			.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: #575559; /* Circle color */

  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

	}

	

	.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: 37em !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;

	}

	.whats-new-margin-desktop .item{

		margin: 0 10px

	}

	    .hero-content {

        max-width: 55rem;

    }

	.redvelopment-content {

        max-width: inherit;

    }

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

		 }

	 }



@media screen and (-webkit-min-device-pixel-ratio:0) {

	.desktop-none .footer-top_line{

		        width: 100vw;

		background-color: #8a8a8a; 

		  height: 1.1px;

		

		grid-area: span 1 / span 1 / span 1 / span 1 !important;

	}

	.views-section{

		margin-top: -1px

	}
}

.ongoing-projects{width:100%}
.banner-card{position:relative;display:block;overflow:hidden;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}
.banner-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)}
.banner-media{width:100%;aspect-ratio:21/9;background-image:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:5px}
.banner-overlay{position:absolute;inset:auto 0 0 0;padding:18px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.35)45%,rgba(0,0,0,0))}
.banner-title{margin:0;color:#fff;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:.02em;text-transform:uppercase}
@media (max-width:991px){.banner-media{aspect-ratio:8/4}}
@media (max-width:576px){.banner-overlay{padding:14px 16px}.banner-title{font-size:clamp(14px,4vw,18px)}}
@supports not (aspect-ratio:1/1){.banner-media{position:relative}.banner-media::before{content:"";display:block;padding-top:calc(100%*9/21)}}
.ongoing-projects{width:100%}.banner-card{position:relative;display:block;overflow:hidden;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.banner-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.12)}.banner-media{width:100%;aspect-ratio:21/9;background-image:var(--bg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:5px}.banner-overlay{position:absolute;inset:auto 0 0 0;padding:18px 20px;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.35)45%,rgba(0,0,0,0))}.banner-title{margin:0;color:#fff;font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:.02em;text-transform:uppercase}@media (max-width:991px){.banner-media{aspect-ratio:8/4}}@media (max-width:576px){.banner-overlay{padding:14px 16px}.banner-title{font-size:clamp(14px,4vw,18px)}}@supports not (aspect-ratio:1/1){.banner-media{position:relative}.banner-media::before{content:"";display:block;padding-top:calc(100%*9/21)}}

.luxury-box {

  padding: 40px;
  border-radius: 20px;

}

.luxury-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.luxury-item {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.luxury-item:hover {
  transform: translateY(-5px);
}

.luxury-icon {
  font-size: 28px;
  margin-right: 15px;
  color: #c7a65b; /* champagne gold accent */
}

.snapshot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.snapshot-card {
  background: linear-gradient(135deg, #fff, #fdfdfd);
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
}

.snapshot-card:hover {
  background: #fffaf0;
  border-color: #c7a65b;
  transform: translateY(-5px);
}

.snapshot-card h3 {
  font-size: 1.2rem;
  color: #1e2a36;
  margin-bottom: 10px;
  font-weight: 600;
}

.snapshot-card p {
  font-size: 1rem;
  color: #444;
}