.elementor-12 .elementor-element.elementor-element-c3cd6af{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c3cd6af:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c3cd6af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-8a491f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-6162c55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-6162c55:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-6162c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://citieswithnature.in/wp-content/uploads/2026/02/Untitled-design-3-1.png");background-repeat:no-repeat;background-size:contain;}.elementor-12 .elementor-element.elementor-element-f2bb68e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-12 .elementor-element.elementor-element-f2bb68e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:700;color:#000000;}.elementor-12 .elementor-element.elementor-element-6e3760d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 100px 0px;}.elementor-12 .elementor-element.elementor-element-cb24045{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-12 .elementor-element.elementor-element-cb24045 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:700;color:#000000;}.elementor-12 .elementor-element.elementor-element-ce37654{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-scale .premium-carousel-inner .slick-slide{transition:all 300ms !important;}.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-nav-progressbar-fill{transition-duration:300ms !important;}.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-dots-above ul.slick-dots{top:38px;}.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-dots-below ul.slick-dots{bottom:38px;}.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-nav-fraction{bottom:38px;}.elementor-12 .elementor-element.elementor-element-3cfdccc .slick-dots,.elementor-12 .elementor-element.elementor-element-3cfdccc .premium-carousel-nav-fraction{text-align:center;}.elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li, .elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li svg{width:28px;height:28px;font-size:calc( 28px / 2 );}.elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li{color:#FFFFFF6E;}.elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li svg{fill:#FFFFFF6E;}.elementor-12 .elementor-element.elementor-element-3cfdccc .fraction-pagination-total{color:#FFFFFF6E;}.elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li.slick-active{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-3cfdccc ul.slick-dots li.slick-active svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-3cfdccc .fraction-pagination-current{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-be8dc60{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-29f348b .elementor-button{background-color:#F9B826;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;border-radius:30px 30px 30px 30px;padding:12px 40px 12px 40px;}.elementor-12 .elementor-element.elementor-element-0f1d46f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0f1d46f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-0f1d46f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://citieswithnature.in/wp-content/uploads/2026/02/Untitled-design-411.png");background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-51d8979{--display:flex;--margin-top:-5px;--margin-bottom:-5px;--margin-left:-5px;--margin-right:-5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-a29d6f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 10px;}.elementor-12 .elementor-element.elementor-element-a29d6f0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:46px;font-weight:500;color:#F9B826;}.elementor-12 .elementor-element.elementor-element-44b1d60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-3c7db44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-62e072e{width:var( --container-widget-width, 11% );max-width:11%;background-color:#ECC974;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:11%;--container-widget-flex-grow:0;bottom:3px;border-style:solid;border-width:10px 10px 10px 10px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-62e072e:hover{background-color:#4B522C;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-62e072e{right:8px;}body.rtl .elementor-12 .elementor-element.elementor-element-62e072e{left:8px;}.elementor-12 .elementor-element.elementor-element-62e072e .elementor-icon-wrapper{text-align:end;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-stacked .elementor-icon{background-color:#ECC974;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-default .elementor-icon{color:#ECC974;border-color:#ECC974;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-default .elementor-icon svg{fill:#ECC974;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-stacked .elementor-icon:hover{background-color:#4B522C;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-default .elementor-icon:hover{color:#4B522C;border-color:#4B522C;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-default .elementor-icon:hover svg{fill:#4B522C;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-62e072e .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-62e072e .elementor-icon svg{height:26px;}.elementor-12 .elementor-element.elementor-element-04511cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-12 .elementor-element.elementor-element-83b8e4d{color:#000000;}.elementor-12 .elementor-element.elementor-element-766961f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-48491e4{width:var( --container-widget-width, 13% );max-width:13%;background-color:#ECC974;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:13%;--container-widget-flex-grow:0;bottom:115px;border-style:solid;border-width:10px 10px 10px 10px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-48491e4:hover{background-color:#537582;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-48491e4{right:8px;}body.rtl .elementor-12 .elementor-element.elementor-element-48491e4{left:8px;}.elementor-12 .elementor-element.elementor-element-48491e4 .elementor-icon-wrapper{text-align:end;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-stacked .elementor-icon{background-color:#ECC974;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-default .elementor-icon{color:#ECC974;border-color:#ECC974;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-default .elementor-icon svg{fill:#ECC974;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-stacked .elementor-icon:hover{background-color:#537582;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-default .elementor-icon:hover{color:#537582;border-color:#537582;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-default .elementor-icon:hover svg{fill:#537582;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-48491e4 .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-48491e4 .elementor-icon svg{height:26px;}.elementor-12 .elementor-element.elementor-element-9827bf2{color:#000000;}.elementor-12 .elementor-element.elementor-element-58bc74c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-4d11f51{color:#000000;}.elementor-12 .elementor-element.elementor-element-061c793{width:var( --container-widget-width, 13% );max-width:13%;background-color:#ECC974;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:13%;--container-widget-flex-grow:0;bottom:115px;border-style:solid;border-width:10px 10px 10px 10px;border-color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-12 .elementor-element.elementor-element-061c793:hover{background-color:#C1A255;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-061c793{right:8px;}body.rtl .elementor-12 .elementor-element.elementor-element-061c793{left:8px;}.elementor-12 .elementor-element.elementor-element-061c793 .elementor-icon-wrapper{text-align:end;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-stacked .elementor-icon{background-color:#ECC974;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-061c793.elementor-view-default .elementor-icon{color:#ECC974;border-color:#ECC974;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-061c793.elementor-view-default .elementor-icon svg{fill:#ECC974;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-stacked .elementor-icon:hover{background-color:#C1A255;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-061c793.elementor-view-default .elementor-icon:hover{color:#C1A255;border-color:#C1A255;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon:hover, .elementor-12 .elementor-element.elementor-element-061c793.elementor-view-default .elementor-icon:hover svg{fill:#C1A255;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-framed .elementor-icon:hover{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793.elementor-view-stacked .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-061c793 .elementor-icon{font-size:26px;}.elementor-12 .elementor-element.elementor-element-061c793 .elementor-icon svg{height:26px;}body.elementor-page-12{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-3c7db44{--width:60%;}.elementor-12 .elementor-element.elementor-element-04511cd{--width:40%;}.elementor-12 .elementor-element.elementor-element-766961f{--width:50%;}.elementor-12 .elementor-element.elementor-element-58bc74c{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-8a491f0 *//* MAIN WRAPPER */
.scroll-wrapper {
  display: flex;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding-left: 120px;
}

/* LEFT SIDE */
.scroll-text {
  width: 65%;
}

/* HERO SECTION */
.hero-section h1 {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
}

.highlight-text {
  color: #F9B826;
  font-weight: 600;
  font-size: 18px;
  margin: 20px 0;
}

.desc-text {
  font-size: 18px;
  max-width: 520px;
  color: #555;
}

/* NORMAL SECTIONS */
.scroll-section {
  min-height: 100vh;
  padding: 120px 80px 120px 0;
}

.scroll-section h2 {
  font-size: 28px;
  font-weight: 700;
}

/* ROUND CIRCLES - UPDATED FOR FIGMA DESIGN */
.circle-grid {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.circle-item {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 15px;
  box-sizing: border-box;
}

/* BLUE CIRCLES - WITH WHITE BORDER */
.circle-item {
  background: radial-gradient(circle at center, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 30%, #c9e1ec 70%);
  border: 1.5px solid white;
  color: #2a6a9d;
  box-shadow: 
    inset 0 0 10px rgba(255, 255, 255, 0.7),
    0 4px 8px rgba(74, 163, 223, 0.15);
}

/* GREEN CIRCLES - WITH WHITE BORDER */
.green-circle .circle-item {
  background: radial-gradient(circle at center, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 30%, #d6e2b3 70%);
  border: 1.5px solid white;
  color: #4a5f29;
  box-shadow: 
    inset 0 0 10px rgba(255, 255, 255, 0.7),
    0 4px 8px rgba(110, 143, 61, 0.15);
}

/* ADDING A CENTER WHITE GLOW EFFECT - SUBTLE */
.circle-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
  height: 35%;
  background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 75%);
  border-radius: 50%;
  z-index: 1;
}

/* TEXT POSITIONING - PERFECT MATCH TO FIGMA */
.circle-item span {
  position: relative;
  z-index: 2;
  font-size: 17px; /* Perfect match to Figma */
  font-weight: 500; /* Slightly bold but not heavy */
  line-height: 1.3;
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
  max-width: 90%; /* Ensures text stays inside circle */
  margin: 0 auto; /* Centers text horizontally */
}

.blue { color: #4aa3df; }
.green { color: #6e8f3d; }

/* RIGHT IMAGE FULL SCREEN FIXED */
.scroll-image {
  width: 35vw;
  position: sticky;
  top: 0;
  height: 100vh;
}

.scroll-image img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e3760d *//* Specific text colors for each number to match accordion background */
.accordion-item:nth-child(1) .number-badge { color: #7a8b5c; }
.accordion-item:nth-child(2) .number-badge { color: #8fa3a8; }
.accordion-item:nth-child(3) .number-badge { color: #e6c875; }
.accordion-item:nth-child(4) .number-badge { color: #a0826d; }/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-62e072e *//* Italic Tag */
.elementor-view-stacked .elementor-icon i{
	padding-top:px;
	line-height:1em;
}

/* Icon */
.elementor-view-stacked .elementor-icon{
	margin-top:0px;
	position:relative;
	top:3px;
	
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-48491e4 *//* Italic Tag */
.elementor-view-stacked .elementor-icon i{
	padding-top:px;
	line-height:1em;
}

/* Icon */
.elementor-view-stacked .elementor-icon{
	margin-top:0px;
	position:relative;
	top:3px;
	
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-061c793 *//* Italic Tag */
.elementor-view-stacked .elementor-icon i{
	padding-top:px;
	line-height:1em;
}

/* Icon */
.elementor-view-stacked .elementor-icon{
	margin-top:0px;
	position:relative;
	top:3px;
	
}/* End custom CSS */