@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,MONO@0,1;1,1&display=swap');
:root{

}

/* =========================================================================
   EMERALD PARK — project page (loaded after base.css; body.theme-emerald)
   Hero · Welcome · Stats · Image bands · Harmony · Parks · Sliders · Clubhouse
   ========================================================================= */


/* =========================================================================
   HERO
   ========================================================================= */
.hero {
  position: relative;
  height: 100vh;
  min-height: 620px;
  display: flex; align-items: flex-end;
  overflow: hidden;
}
.hero__media {
  position: absolute; inset: 0;
  background: var(--ivory-2) center/cover no-repeat;
  transform: scale(1.06);
  animation: heroZoom 9s var(--ease) forwards;
}
@keyframes heroZoom { to { transform: scale(1); } }
.hero::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,30,26,.32) 0%, rgba(20,30,26,0) 28%,
              rgba(20,30,26,0) 55%, rgba(15,25,20,.55) 100%);
  pointer-events: none;
}
.hero__inner {
  position: relative; z-index: 2;
  width: 100%;
  padding-bottom: clamp(2.5rem, 6vh, 5rem);
  color: #fff;
}
.hero__eyebrow {
  font-family: var(--display); text-transform: uppercase;
  letter-spacing: .34em; font-size: .76rem; color: rgba(255,255,255,.86);
}
.hero__scroll {
  display: inline-flex; align-items: center; gap: .6rem;
  font-family: var(--display); text-transform: uppercase;
  letter-spacing: .2em; font-size: .68rem; color: rgba(255,255,255,.8);
  margin-top: 1.1rem;
}
.hero__scroll .line {
  width: 46px; height: 1px; background: rgba(255,255,255,.6);
  position: relative; overflow: hidden;
}
.hero__scroll .line::after {
  content: ""; position: absolute; inset: 0; left: -100%;
  background: var(--gold-l);
  animation: scrollLine 2.4s var(--ease) infinite;
}
@keyframes scrollLine { 0%{left:-100%} 60%,100%{left:100%} }

/* hero load animation */
.hero [data-hero] { opacity: 0; transform: translateY(26px); }
.hero.is-loaded [data-hero] {
  opacity: 1; transform: none;
  transition: opacity 1s var(--ease), transform 1s var(--ease);
}
.hero.is-loaded [data-hero="2"] { transition-delay: .18s; }
.hero.is-loaded [data-hero="3"] { transition-delay: .34s; }


.downlods-bros .btn-navy{
	    background: var(--navy);
    border-color: var(--navy);
    color: #ffffff;
    border-radius: 40px;
    padding: .7rem 3.4rem;
    display: inline-block;
    font-family: var(--body);
    letter-spacing: 0.07em;
    font-size: 1rem;
    transition: background-color .35s var(--ease), transform .35s var(--ease);
}

/* =========================================================================
   WELCOME
   ========================================================================= */
.welcome { text-align: center; background: var(--ivory); }
.welcome__title {
  font-family: var(--display);
    letter-spacing: .02em;
    line-height: 1.2;
    font-size: var(--home-rooted-h2);
  color: var(--emerald);
  
}
.welcome__sub {
  font-family: var(--script); font-style: italic; font-weight: 500;
  color: #c38f46;
     font-size: var(--emerald-roule-desi-fs-sub);
  margin-top: .35rem;
}
.welcome__body { color: var(--ink-soft); margin-top: .5rem; }
.script{
	font-weight:400;
}
/* =========================================================================
   STATS BAND (emerald)
   ========================================================================= */
.stats {
  background: var(--emerald);
  color: var(--ivory);
  text-align: center;
  position: relative;

}
.stats__head .script, .second-heading{ 
color:#e5ded1;
}

.stats__rule { width: 90px; height: 1px; background: rgba(245,242,236,.4); margin: 1.4rem auto 0; }

.stats__grid {
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: clamp(1.5rem, 4vw, 3.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}
.stat__num {
  font-family: var(--body);
  font-size: var(--stat-num-fs-size);
  line-height: 1; letter-spacing: .02em;
  color: #e5ded1;
  
}
.stat__num .unit {
  display: block;
  font-family: var(--script); font-style: italic; font-weight: 500;
     font-size: clamp(1.8rem, 4.6vw, 3.2rem);
  color: #e5ded1;
  letter-spacing: .02em; margin-top: .2rem;
}
.stat__caption {
  color: #f5f2ee;
          font-size: var(--home-comon-pra-bg-fs); margin-top: .9rem;  margin-inline: auto;
		      max-width: 250px;
			  
    line-height: 1.4;
}

/* emerald badge card (center) */
.badge-card{
  background: #f5f2ee;
  color: var(--ink);
      border-radius: clamp(1.5rem, calc(1rem + 1.8vw), 2.5rem);
  padding: 2rem 2.4rem;
      max-width: 500px;
  text-align: center;
}

 
 .badge-card .emerald-logo-hold{
	  max-width: clamp(150px, 30vw, 280px); 
 }
.badge-card .badge-rule { display: block; width: 85px;
    height: 7px;
    background: var(--gold);
    margin:1rem auto;
	}
	.badge-rule{
	display: block; width: 85px;
    height: 7px;
    background: #e5ded1;
    margin:1rem auto;	
	}
.badge-card .badge-addr {
  font-size: clamp(1rem, 4.6vw, 1.2rem); color: var(--ink-soft); margin-top: .8rem; line-height: 1.5;
}
.stats__legal { color: #f5f2ee; font-size: .95rem; letter-spacing: .04em; margin-top: 2rem; }

/* =========================================================================
   FULL-BLEED IMAGE BANDS (masterplan / lifestyle)
   ========================================================================= */
.imgband {
  position: relative; overflow: hidden;
  height: clamp(360px, 52vw, 640px);
}
.imgband__media {
  position: absolute; inset: -12% 0;
  background: var(--ivory-2) center/cover no-repeat;
  will-change: transform;
}
.imgband--text::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(15,25,20,.5), rgba(15,25,20,.05) 60%);
}
.imgband__caption {
  position: absolute; inset: 0; z-index: 2;
  display: flex; align-items: center;
  color: #fff;
}
.imgband__caption .script {
  font-size: clamp(2rem, 5vw, 3.6rem);
  text-shadow: 0 4px 30px rgba(0,0,0,.4);
}

/* =========================================================================
   HARMONY (two-column)
   ========================================================================= */
.harmony .lead {
  font-family: var(--script); font-style: italic; font-weight: 500;
  color: var(--emerald);
      font-size: clamp(1.8rem, 4.6vw, 3.2rem);
  line-height: 1.15;
  text-align:right;
}
.harmony .pillars {
  font-family: var(--body);
          font-size: var(--bio-roule-desi-fs-about);
  letter-spacing: 0.01em; color: var(--ink);
  line-height: normal; margin-top: 1.6rem; text-align: right;
}
.harmony .body p { color: var(--ink-soft); }
.harmony .body p + p { margin-top: 1.2rem; }

/* parks intro */
.parks-intro { text-align: center; }
.parks-intro .label{
  font-family: var(--script); font-style: italic; color: var(--ink);
          font-size: var(--bio-roule-desi-fs-about);
  display: flex; align-items: center; gap: 1.2rem;
}
.stats .stats__head, .text-border-left-and-right{
	display: flex; align-items: center; gap: 1.2rem;
}
.parks-intro .label::before, .stats .stats__head::before, .stats .stats__head::after,
.parks-intro .label::after, .text-border-left-and-right::after, .text-border-left-and-right::before {
  content: ""; 
  width: clamp(4rem, 40vw, 80%);
  height: 1px; 
  background: var(--gold);
  flex:1;
}
.stats .stats__head::before, .stats .stats__head::after, .text-border-left-and-right::after, .text-border-left-and-right::before {
	background: var(--gold);
	width: clamp(4rem, 35vw, 70%);
}
.parks-intro blockquote {
  font-family: var(--script); font-style: italic;
  color: var(--emerald);
          font-size: var(--bio-roule-desi-fs-about);
  line-height: 1.25; max-width: 17ch; margin: 1.5rem auto 0;
}
.parks-intro cite {
  display: block; font-style: normal; font-family: var(--body);
      font-size: clamp(1rem, 4.6vw, 1.2rem); letter-spacing: .01em; 
  color: var(--gold); margin-top: 1rem;
}
.parks-intro blockquote{
	    position: relative;
    display: inline;
}
.parks-intro blockquote::before{
	content: '“';
    position: absolute;
    left: -48px;
    top: 1px;
    font-family: var(--display);
    font-size: 7rem;
    line-height: 0.5;
    color: #b69052;
}
.parks-intro blockquote::after{
	    content: '”';
    position: absolute;
    right: -22px;
    bottom: -14px;
    font-family: var(--display);
    font-size: 7rem;
    line-height: 0.5;
    color: #b69052;
}

/* =========================================================================
   PARK BLOCKS (alternating, oversized numerals)
   ========================================================================= */
.park {
  position: relative;
 margin-block: clamp(2.5rem, 6vw, 3.5rem);
}
.park__row {
  display: grid;
     grid-template-columns: 1fr 3.5fr 1fr;
  align-items: center;
  gap: clamp(.5rem, 2vw, 1.5rem);
}
.park__num {
    font-family: "Google Sans Code", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: var(--park-num-fs-xxl);
    line-height: 0.8;
    letter-spacing: -.02em;
    user-select: none;
    position: relative;
    z-index: 2;
    display: inline-block;
    bottom: -12px;
}
.park__num-col { text-align: right; }
.park--odd  .park__num { color: var(--emerald); margin-right: -.18em; }
.park--even .park__num { color: var(--gold);    margin-left:  -.18em; }
.park--even .park__num-col { text-align: left; }

.park__media {
  position: relative;
  border-radius: 2.2rem;
  overflow: hidden;
 aspect-ratio: 1374 / 648;
 
}
.park-logo-hold{
  max-width:230px;
}
.logo-bottom-divder{
	position:relative;
	background-color:var(--gold);
	width: clamp(100px, 10vw, 180px);
		height: 2px;
		left: clamp(-75px, -5vw, -110px);
		bottom: clamp(-16px, -1vw, -25px);
		z-index:9;
}
.park__media img {
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.06); transition: transform 1.2s var(--ease);
}
.park:hover .park__media img { transform: scale(1); }

.park__name {
  font-family: var(--script); font-style: italic; font-weight: 500;
  color: var(--emerald);
  font-size: clamp(1.7rem, 3.4vw, 2.6rem);
  line-height: 1.05;
}
.park__name-col{
	    height: 100%;
    align-content: space-around;
}
.park__name .gem { margin-bottom: .4rem; }
.park--even .park__name { text-align: right; }
.park--even .park__name .gem-wrap { display: flex; justify-content: flex-end; }

.park__desc {
  color: var(--ink-soft);
  max-width: 68ch; margin-inline: auto;
  text-align: center;
  margin-top: 1.4rem;
}
/* even rows: number on right, name on left -> reorder columns */
.park--even .park__row { grid-template-columns:  grid-template-columns: 1fr 3.5fr 1fr;}
.park--even .park__name-col { order: 1; }
.park--even .park__media-col { order: 2; }
.park--even .park__num-col   { order: 3; }


.park--even  .park-logo-hold{
	margin-left:auto;
	margin-right:0px;
}
.park--even  .logo-bottom-divder{
	    right: clamp(-196px, -5vw, -210px);
	left:auto;
}
/* =========================================================================
   SLIDERS
   ========================================================================= */

   
.slider-head { text-align: center; }
.slider-head .script {
  color: var(--ink);
  font-size: clamp(1.7rem, 3.6vw, 2.6rem);
}
.slider-head .script em { color: var(--gold-d); }

.slider { position: relative; margin-top: clamp(1.8rem, 4vw, 3rem); }
.slider__viewport { overflow: hidden; }
.slider__track {
  display: flex;
  transition: transform .7s var(--ease);
  will-change: transform;
}
/*.slide {
  flex: 0 0 calc((100% - (var(--gap) * (var(--per) - 1))) / var(--per));
  margin-right: var(--gap);
  --gap: 1.4rem; --per: 3;
}
.slide:last-child { margin-right: 0; } */
.slide__card {
  position: relative; overflow: hidden; border-radius: 6px;
     aspect-ratio: 552 / 474;
 
}
.slide__card img {
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.04); transition: transform .9s var(--ease);
}
.slide__card:hover img { transform: scale(1.12); }
.slide__card figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 1.4rem 1.2rem .9rem;
  font-family: var(--display); letter-spacing: .14em; text-transform: uppercase;
  font-size: .82rem; color: #fff;
  background: linear-gradient(0deg, rgba(15,25,20,.7), transparent);
}

.slider__controls {
  display: flex; align-items: center; justify-content: center;
  gap: 1.4rem; margin-top: 1.8rem;
  font-family: var(--display); letter-spacing: .14em;
}
.slider__btn {
  background: none; border: 0; cursor: pointer;
  color: var(--emerald); font-size: 1.3rem; line-height: 1;
  width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color .35s var(--ease), color .35s var(--ease), transform .35s var(--ease);
}
.slider__btn:hover { background: var(--emerald); color: #fff; transform: scale(1.05); }
.slider__btn:disabled { opacity: .3; cursor: not-allowed; }
.slider__count { font-size: .9rem; color: var(--ink-soft); min-width: 48px; text-align: center; }




.material-slide__content {
  width: 100%;
  height: 100%;
  border-radius: var(--slide-radius);
  overflow: hidden; /* clips the image to the rounded corners */
  display: flex;
  background: #111; /* visible briefly while an image loads */
}

.material-slide__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
}
.material-slide__content, .material-slide__image{
	    border-radius: clamp(1.5rem, calc(1rem + 1.8vw), 2.5rem);
}

.harmony p{
	    font-size: var(--home-comon-pra-bg-fs);
}

/* =========================================================
   Prev / next controls
   ========================================================= */
.material-nav {
  position: absolute;
  border: none;
  color: #24734e;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: background-color 200ms ease, transform 200ms ease;
  bottom:10px;
      background: transparent;
	  z-index:19;
}


.material-nav--prev {
  left: 43%;
  transform:translateX(-43%)
}

.material-nav--next {
  right: 43%;
  transform:translateX(43%)
}


.amenitiesSwiper .swiper-slide .slide__card {
  border-radius: 16px;   /* apna radius */
  overflow: hidden;
}

.amenitiesSwiper .swiper-slide .slide__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.material-swiper .swiper-pagination {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-fg);
  letter-spacing: 1px;
  gap: 0;              /* fraction ke liye dots wala gap nahi chahiye */
  font-family:var(--body);
}

.swiper-pagination span{
	    font-size: var(--bio-roule-desi-fs-about);
		    font-family: var(--body);
}

@media(min-width:768px){
	.material-swiper{
      padding-top:3.5rem !important;
	  padding-bottom:7rem !important;
}

.material-swiper .swiper-wrapper{
    align-items: center;
}

.material-swiper .swiper-slide{
    transform: scale(.9);
    transition: transform .4s ease, opacity .4s ease;
    opacity: 1;
    z-index: 1;
}

.material-swiper .swiper-slide.active{
    transform: scale(1.1);
    opacity: 1;
    z-index: 10;
}
}


@media(max-width:767px){
	.material-swiper{
    
}

.material-swiper .swiper-wrapper{
    align-items: center;
}

.material-swiper .swiper-slide{
    transform: scale(.9);
    transition: transform .4s ease, opacity .4s ease;
    opacity: 1;
    z-index: 1;
}

.material-swiper .swiper-slide.active{
    transform: scale(1.1);
    opacity: 1;
    z-index: 10;
}
}

@media(max-width:1300px) and (min-width:992px){
	.material-nav{
		bottom:6px;
	}
}
@media(max-width:991px) and (min-width:768px){

	.material-swiper{
		        padding-bottom: 5rem !important;
	}
	.material-nav{
		bottom:3px;
	}
}

@media(max-width:767px){

	.material-swiper{
		        padding-bottom: 5rem !important;
	}
	.material-nav{
		bottom:3px;
	}
	.material-nav svg{
		width:25px;
		height:25px;
	}
}
@media(max-width:540px){
	    .material-swiper {
        padding-bottom: 4rem !important;
    }
}





/* =========================================================================
   CLUBHOUSE (gold split band)
   ========================================================================= */
.clubhouse { position: relative;
background: linear-gradient(to bottom, #f5f2ee 25%, #c58e4b 25%);
 }
.clubhouse__row { display: grid; grid-template-columns: 1fr 1.55fr;  }
.clubhouse__text { 
  color: var(--ivory);
  display: flex; align-items: end;
  justify-content:end;
  padding: clamp(1.5rem, 6vw, 1rem) clamp(2rem, 5vw, 4.5rem);
  text-align:right;

}
.clubhouse__text .script {
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  line-height: 1.2;
}
.clubhouse__media { position: relative;  }
.clubhouse__media img {
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1); transition: transform 1.4s var(--ease);
}
.clubhouse:hover .clubhouse__media img { transform: scale(1); }
.clubhouse__intro { text-align: center; color: var(--ink-soft); }
/*
   RESPONSIVE
   ========================================================================= */



/* Mobile ≤767 */
@media (max-width: 767.98px) {
  :root { --section-y: clamp(3.25rem, 12vw, 4.5rem); }

  .hero { height: 75vh; min-height: 520px; }
  .slide { --per: 1; }

  /* parks stack: number, image, name+desc */
  .park__row,
  .park--even .park__row { display: block; }
 
  .park--even .park__name { text-align: left; }
  .park--even .park__name .gem-wrap { justify-content: flex-start; }
  .park__media { margin: -1.5rem 0 1.2rem; }
  .park__name { font-size: clamp(1.6rem, 8vw, 2.2rem); }

  .imgband__caption .script { font-size: clamp(1.7rem, 9vw, 2.6rem); }
  .footer-bottom { justify-content: flex-start; }
}

/* tiny phones */
@media (max-width: 360px) {
  .btn-enquire { padding: .6rem 1rem; letter-spacing: .12em; }
  .menu-toggle span.label { display: none; }
}

/* reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .hero__media { transform: none; animation: none; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
}


.badge-card .emerald-logo-hold{
	margin:0px auto;
}
/*--------------New------Css--------Start---------Rmc--------*/

.second-heading, .slider-head .gallery-heading{
	    font-size: var(--bio-roule-desi-fs-about);
		line-height:1.2;
}
.harmony .body p, .welcome__body, .park__desc, .clubhouse__intro{
       font-size: var(--home-comon-pra-bg-fs);
  
}
.harmony__cols{
	--bs-gutter-x: clamp(3rem, 3.5vw, 4.8rem) !important;
	position:relative;
	        --bs-gutter-y: 0rem;
}
.harmony__cols::after{
	content:'';
	position:absolute;
	top:0px;
	bottom:0px;
	left:50%;
	transform:translateX(-50%);
	height:100%;
	width:1px;
	background-color:var(--gold);
}

#imgbandSlider .carousel-caption{
	bottom:auto;
	top:50%;
	transform:translateY(-50%);
	
}
#imgbandSlider .carousel-caption .script, .clubhouse__text .script
{
	font-size: clamp(3.75rem, 3.8vw, 4.25rem);
	color:#e5ded1;
}
.gallery-heading{
	font-family:var(--body);
}
.gallery-heading em{
	    font-family: var(--script);
    font-style: italic;
}
.park{
	position:relative;
}

@media(min-width:1300px){
	.park--odd{
		left:-80px;
	}
	.park--even{
		right:-80px;
	}
}
@media(min-width:992px){
	.park--odd{
		left:-50px;
	}
	.park--even{
		right:-50px;
	}
}

@media(max-width:767px){
	 .stats__grid { grid-template-columns: 1fr; gap: 2rem; }
	   .badge-card { order: -1; margin-inline: auto; }
	   .harmony__cols::after{
		   display:none;
	   }
	   .harmony .pillars, .harmony .lead{
		   text-align:left;
	   }
	   .park--even .park__row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2.1fr) minmax(0, .8fr);
}
.park__row, .park--even .park__row{
	display:grid;
}
}



















/*--------------deskto----------css-------------------start----------*/
@media (min-width:768px) and (max-width:991px){
	:root{
		--section-y: clamp(32px, calc(18px + 2.5vw), 52px);
	}
 .harmony .lead{
		font-size: clamp(1.8rem, 3.5vw, 2.2rem);
	}

.badge-card{
	border-radius: clamp(1rem, 1vw, 1.2rem);
}
.harmony__cols{
	--bs-gutter-x: clamp(1.5rem, 2vw, 2rem);
}
	.park{
		margin-block: clamp(1.75rem, 2vw, 2rem);
	}
#imgbandSlider .carousel-caption .script, .clubhouse__text .script{
	font-size: clamp(2rem, 2vw, 2.5rem);
}
.material-slide__content, .material-slide__image{
	border-radius: clamp(1rem, 1vw, 1.2rem);
}	
}

@media (min-width:992px) and (max-width:1199px){
:root{
		--section-y: clamp(36px, calc(18px + 3vw), 64px);
	}
 .harmony .lead{
		font-size: clamp(2rem, 3vw, 2.6rem);
	}

.badge-card{
	border-radius: clamp(1.15rem, 1vw, 1.35rem);
}
.harmony__cols{
	--bs-gutter-x: clamp(2rem, 2.5vw, 3rem);
}
.park{
		margin-block: clamp(2rem, 2.5vw, 2.5rem);
	}
	#imgbandSlider .carousel-caption .script, .clubhouse__text .script{
	font-size: clamp(2.5rem, 2.5vw, 3rem);
}
.material-slide__content, .material-slide__image{
	border-radius: clamp(1.15rem, 1vw, 1.35rem);
}
}

@media(min-width:1200px) and (max-width:1700px){
:root{
	--section-y: clamp(40px, calc(15px + 4vw), 88px);
}
 .harmony .lead{
		font-size: clamp(2.5rem, 2.9vw, 3.125rem);
	}
	

.badge-card{
	border-radius: clamp(1.35rem, 1.2vw, 1.6rem);
}
.harmony__cols{
	--bs-gutter-x: clamp(3rem, 3vw, 4.5rem);
}
	.park{
		margin-block: clamp(2.5rem, 3vw, 3.5rem);
	}
	#imgbandSlider .carousel-caption .script, .clubhouse__text .script{
	font-size: clamp(3rem, 3vw, 3.75rem);
}
.material-slide__content, .material-slide__image{
	border-radius: clamp(1.35rem, 1.2vw, 1.6rem);
}
}






/*--------------deskto----------css-------------------start----------*/



@media(min-width:1701px){
	:root{
		--home-rooted-h2:clamp(3.4rem, 2.9vw, 3.8rem);
		--legacy-page-second-page-pr: clamp(2rem, 1.7vw, 2.125rem);
	--home-comon-pra-bg-fs: clamp(1.381rem, 1.18vw, 1.6rem);
	--tl-legacy-year-font-bg: clamp(20.375rem, 17vw, 21.875rem);
	 --tl-legacy-year-font-bg-xll: clamp(24.063rem, 20vw, 25.625rem);
	 --emerald-roule-desi-fs-sub: clamp(2.875rem, 2.4vw, 3.125rem);
	 --bio-roule-desi-fs-about: clamp(2.625rem, 2.2vw, 2.813rem);
	 --stat-num-fs-size: clamp(5.313rem, 4.4vw, 5.625rem);
	  --park-num-fs-xxl: clamp(36.125rem, 30vw, 38rem);
	 
}}


@media (min-width:1200px) and (max-width:1700px){
	:root{
		--home-rooted-h2:clamp(3rem, 3.4vw, 3.5rem);
		--legacy-page-second-page-pr: clamp(1.875rem, 1.9vw, 2rem);
		--home-comon-pra-bg-fs: clamp(1.25rem, 1.35vw, 1.381rem);
		--tl-legacy-year-font-bg: clamp(16.25rem, 18vw, 20.375rem);
		 --tl-legacy-year-font-bg-xll: clamp(19.25rem, 21vw, 24.063rem);
		   --emerald-roule-desi-fs-sub: clamp(2.5rem, 2.8vw, 2.875rem);
		   --bio-roule-desi-fs-about: clamp(2.375rem, 2.5vw, 2.625rem);
		    --stat-num-fs-size: clamp(4.5rem, 5vw, 5.313rem);
			--park-num-fs-xxl: clamp(29rem, 32vw, 36.125rem); 

	}
}
@media (min-width:992px) and (max-width:1199px){
	:root{
		--home-rooted-h2:clamp(2.5rem, 4vw, 3rem);
 --legacy-page-second-page-pr: clamp(1.625rem, 2.4vw, 1.875rem);
 --home-comon-pra-bg-fs: clamp(1.125rem, 1.7vw, 1.25rem);
  --tl-legacy-year-font-bg: clamp(13rem, 20vw, 16.25rem);
   --tl-legacy-year-font-bg-xll: clamp(15.5rem, 23vw, 19.25rem);
   --emerald-roule-desi-fs-sub: clamp(2.125rem, 3.2vw, 2.5rem);
    --bio-roule-desi-fs-about: clamp(2rem, 3vw, 2.375rem);
	 --stat-num-fs-size: clamp(3.75rem, 5.8vw, 4.5rem);
	 --park-num-fs-xxl: clamp(23rem, 34vw, 29rem);
   
		
	}
}
@media (min-width:768px) and (max-width:991px){
	:root{
		--home-rooted-h2:clamp(2.1rem, 5vw, 2.5rem);
--legacy-page-second-page-pr: clamp(1.5rem, 3vw, 1.625rem); 
--home-comon-pra-bg-fs: clamp(1.063rem, 2.1vw, 1.125rem);
  --tl-legacy-year-font-bg: clamp(10rem, 22vw, 13rem);
   --tl-legacy-year-font-bg-xll: clamp(12rem, 25vw, 15.5rem);
    --emerald-roule-desi-fs-sub: clamp(1.875rem, 4vw, 2.125rem);
	--bio-roule-desi-fs-about: clamp(1.75rem, 3.8vw, 2rem);
	--stat-num-fs-size: clamp(3.125rem, 6.5vw, 3.75rem);
	--park-num-fs-xxl: clamp(18rem, 36vw, 23rem);
	}

}




@media (min-width: 1180px) and (max-width: 1420px) {
  :root {
    --home-comon-pra-bg-fs: clamp(0.8375rem, 1.2vw, 1.0525rem);
    --home-rooted-h2: clamp(2.25rem, 2.75vw, 2.4375rem);
    --contact-lead-p-large-fs: clamp(1.375rem, 1.69vw, 1.5rem);
	--legacy-page-second-page-pr: clamp(1.375rem, 1.9vw, 1.8rem);
	--park-num-fs-xxl: clamp(23rem, 32vw, 24.125rem);
	--bio-roule-desi-fs-about: clamp(2rem, 2.5vw, 2rem);
	--stat-num-fs-size: clamp(3.5rem, 4vw, 4.313rem);
  }
  .badge-card .emerald-logo-hold {
  max-width: clamp(150px, 30vw, 239px);
}
.stat__num .unit{
	font-size: clamp(1.8rem, 4.6vw, 2.5rem);
}
.badge-card .badge-addr {
font-size: clamp(1rem, 4.6vw, 1.1rem);
}
.material-swiper .swiper-pagination{
	bottom: 2px;
}
}



@media(min-width:1420px) and (max-width:1619px){
:root{
	  --home-rooted-h2: clamp(2.25rem, 2.51vw, 2.375rem);
        --legacy-page-second-page-pr: clamp(1.75rem, 1.62vw, 2.125rem);
      --home-comon-pra-bg-fs: clamp(1rem, 1.19vw, 1.125rem);
		--emerald-roule-desi-fs-sub: clamp(2.625rem, 2.43vw, 3.125rem);
		--stat-num-fs-size: clamp(3rem, 3.44vw, 3.25rem);
		--bio-roule-desi-fs-about: clamp(1.5625rem, 1.79vw, 1.6875rem); /* 25px → 27px */
		--park-num-fs-xxl: clamp(29.0625rem, 28.76vw, 36rem);
}
.badge-card .badge-addr{
	    font-size: clamp(1rem, 4.6vw, 1rem);
}
.stat__num .unit{
font-size: clamp(1.75rem, 2.12vw, 2rem);
}
.badge-card .emerald-logo-hold {
    max-width: clamp(150px, 30vw, 220px);
}
.harmony .lead{
	font-size: clamp(2rem, 2.65vw, 2.5rem); 
}
.park-logo-hold {
    max-width: 190px;
}
#imgbandSlider .carousel-caption .script, .clubhouse__text .script {
    font-size: clamp(3rem, 3.8vw, 4rem);

}
.material-swiper .swiper-pagination{
	bottom:0px;
}
	
}

@media(min-width:1620px) and (max-width:1900px){
:root{
	        --home-rooted-h2: clamp(3.125rem, 2.8935vw, 3.8rem);
        --legacy-page-second-page-pr: clamp(1.75rem, 1.62vw, 2.125rem);
        --home-comon-pra-bg-fs: clamp(1.3125rem, 1.18vw, 1.6rem);
		--emerald-roule-desi-fs-sub: clamp(2.625rem, 2.43vw, 3.125rem);
		--stat-num-fs-size: clamp(4.375rem, 4.05vw, 5.3125rem);
		--bio-roule-desi-fs-about: clamp(2.25rem, 2.08vw, 2.8125rem);
		--bio-roule-desi-fs-about: clamp(2rem, 1.85vw, 2.8125rem);
		--park-num-fs-xxl: clamp(31.0625rem, 28.76vw, 38rem);
}	
.stat__num .unit{
	font-size:clamp(2.625rem, 2.43vw, 3.125rem);
}
.badge-card .emerald-logo-hold {
    max-width: clamp(150px, 30vw, 220px);
}
.harmony .lead{
	    font-size: clamp(1.6rem, 4.4vw, 3rem);
}
.park-logo-hold {
    max-width: 190px;
}

#imgbandSlider .carousel-caption .script, .clubhouse__text .script {
    font-size: clamp(3rem, 3.8vw, 4rem);

}
.material-swiper .swiper-pagination{
	bottom:0px;
}	

}
/*--------------deskto----------css-------------------end----------*/




/*--------------mobile----------css----------start-------------------*/
@media (max-width:767px){	
    :root{
		--section-y: clamp(24px, calc(16px + 3vw), 40px);
	}
	 .harmony .lead{
		font-size: clamp(1.6rem, 6vw, 2rem);
	}


.badge-card{
	border-radius: clamp(0.875rem, 3vw, 1rem);
}
.harmony__cols{
	--bs-gutter-x: clamp(1rem, 5vw, 1.5rem);
}
	.park{
		margin-block: clamp(1.5rem, 5vw, 1.75rem);
	}
	#imgbandSlider .carousel-caption .script, .clubhouse__text .script{
	font-size: clamp(1.5rem, 6vw, 2rem);
}
.material-slide__content, .material-slide__image{
border-radius: clamp(0.875rem, 3vw, 1rem);	
}
.park__media{
	border-radius: clamp(0.875rem, 3vw, 1rem);
}
.material-swiper .swiper-pagination{
		font-size:1rem;
	}
	.material-nav--next {
    right: 40%;
    transform: translateX(40%);
}
.material-nav--prev {
    left: 40%;
    transform: translateX(-40%);
}
.material-swiper .swiper-pagination{
	bottom:-4px;
}

.park-logo-hold {
    max-width: clamp(150px, 9vw, 280px);
}
.logo-bottom-divder{
	    bottom: clamp(-9px, -1vw, -15px);
		    left: clamp(-40px, -5vw, -71px);
}
.park .park__desc{        max-width: 41ch;
        margin: 0px auto;
		margin-top:0.8rem;
		margin-bottom:1.5rem;
}
.park--even .logo-bottom-divder {
    right: clamp(-76px, -5vw, -95px);
    left: auto;
}
.clubhouse__text .script{
	font-size:1.5rem;
}
.badge-rule {
    display: block;
    width: 65px;
height: 6px;}

.harmony .pillars{
	margin-top:0.4rem;
}
.park .park__desc{
	margin-top:1.7rem;
}
:root{
		--section-y: clamp(24px, calc(16px + 3vw), 40px);
		--home-rooted-h2:clamp(1.8rem, 6vw, 2.1rem);
		--legacy-page-second-page-pr: clamp(1.375rem, 3.8vw, 1.5rem);
		--home-comon-pra-bg-fs: clamp(1.063rem, 2.8vw, 1.125rem);
		 --tl-legacy-year-font-bg: clamp(7.5rem, 24vw, 10rem);
		 --tl-legacy-year-font-bg-xll: clamp(9rem, 28vw, 12rem);
		 --bio-roule-desi-fs-about: clamp(1.5rem, 4.5vw, 1.75rem);
		  --emerald-roule-desi-fs-sub: clamp(1.625rem, 4.8vw, 1.875rem);
		   --bio-roule-desi-fs-about: clamp(1.5rem, 4.5vw, 1.75rem);
		   --stat-num-fs-size: clamp(2.5rem, 7.5vw, 3.125rem);
		          --park-num-fs-xxl: clamp(10rem, 36vw, 8rem);
	}
	.downlods-bros .btn-navy{
		    padding: .5rem 2.4rem !important;
	}
}
/*--------------mobile----------css----------end-------------------*/