.wow {
  visibility:hidden}

@keyframes fade_top {
  0% {
  opacity:0;
  transform:translateY(30px)}

to {
  opacity:1;
  transform:translateY(0)}

}

.fade_top {
  animation-name:fade_top}

.swiper-pagination-progressbar {
  background:#00000008}

@keyframes slide_left {
  0% {
  left:0%}

to {
  left:-30%}

}

.slide_left {
  animation-name:slide_left}

@keyframes slide_right {
  0% {
  right:0%}

to {
  right:-30%}

}

.slide_right {
  animation-name:slide_right}

.home-banner-swati {
  min-height:80vh}

@font-face {
  font-family:Neue Haas Unica Pro-Regular;
  src:url(/fonts/neue/NeueHaasUnicaPro-Regular.woff2)format("woff2"),url(/fonts/neue/NeueHaasUnicaPro-Regular.woff)format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Poppins-Medium;
  src:url(./Poppins-Medium.woff2)format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Inter-Bold;
  src:url(./inter.18pt-bold.woff2)format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Inter-Medium;
  src:url(./inter.18pt-medium.woff2)format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Inter-Semibold;
  src:url(./inter.18pt-semibold.woff2)format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Inter-italic;
  src:url(./inter.italic.woff2)format("woff2");
  font-weight:400;
  font-style:italic;
  font-display:swap}

@font-face {
  font-family:Inter-Regular;
  src:url(./inter.regular.woff2)format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap}

@font-face {
  font-family:Inter-light;
  src:url(./inter.24pt-light.woff2)format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap}

:root {
  --primary-color:#000;
  --secondary-color:#b2e48a;
  --white-color:#fff;
  --highlight-color:#e1e4e8;
  --green-color:#647b51;
  --dark-green-color:#4e603f;
  --gray2-color:#26282a;
  --background-smoke:#fafafa;
  --background-gray:#fafafa;
  --secondary-highlight-color:#d77b13;
  --black-color:#000;
  --banner-title-font-size:5.625rem;
  --banner-big-font-size:6rem;
  --section-title-big-font-size:2rem;
  --section-title-font-size:3rem;
  --section-title-font-size64:4rem;
  --section-subtitle-font-size:2.5rem;
  --paragraph-font-size:1.25rem;
  --paragraph-font-size2:1.5rem;
  --content-font-size:1.25rem;
  --content-font-size22:1.375rem;
  --link-font-size:1rem;
  --link-font-size18:1.125rem;
  --poppins-font-family:"Poppins-Medium";
  --neue-light-font-family:"Neue Haas Unica Pro-Light";
  --regular-font-family:"Inter-Regular";
  --medium-font-family:"Inter-Medium";
  --semibold-font-family:"Inter-Semibold";
  --bold-font-family:"Inter-Bold";
  --italic-font-family:"Inter-italic";
  --light-font-family:"Inter-light";
  --common-transition:all .6s ease;
  --web-border-radius:.625rem;
  --mobile-border-radius:.6rem;
  --common-gap-size:1rem;
  --small-gap-size:1.5rem;
  --medium-gap-size:3rem;
  --medium-gap-size40:2.5rem;
  --big-gap-size:6rem;
  --big-gap-size5:5rem}

.header-padding-top {
  padding-top:6.7rem}

.bold-fonts {
  font-family:var(--bold-font-family)!important}

.poppins-fonts {
  font-family:var(--poppins-font-family)!important}

.neue-light-fonts {
  font-family:var(--neue-light-font-family)!important}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
  font-family:var(--light-font-family);
  color:var(--primary-color);
  border:0;
  margin:0;
  padding:0}

html {
  height:auto;
  font-size:16px}

.down_arrow {
  width:18px}

* {
  box-sizing:border-box;
  font-size:1rem;
  line-height:1.2}

body {
  width:100%;
  font-size:1rem;
  line-height:1.2;
  background-color:var(--white-color)!important}

::-webkit-scrollbar {
  cursor:pointer;
  width:0!important}

::-webkit-scrollbar-track {
  background:#ccc!important}

::-webkit-scrollbar-thumb {
  background:#000!important}

::-webkit-scrollbar-thumb:hover {
  background:#000!important}

ol,ul {
  list-style:none}

blockquote,q {
  quotes:none}

blockquote:before,blockquote:after,q:before,q:after {
  content:"";
  content:none}

table {
  border-collapse:collapse;
  border-spacing:0}

a {
  color:unset;
  -o-transition:all ease-in-out .4s;
  background-color:#0000;
  outline:none;
  text-decoration:none;
  transition:all .4s ease-in-out}

a:focus,a:hover {
  -webkit-text-decoration:unset;
  text-decoration:unset;
  color:unset;
  outline:0}

img {
  max-width:100%;
  transition:var(--common-transition);
  object-fit:cover;
  cursor:pointer;
  width:100%;
  display:block}

.relative {
  position:relative}

.text-uppercase,.uppercase {
  text-transform:uppercase}

.capitalize {
  text-transform:capitalize}

.text-center {
  text-align:center}

.p0 {
  padding:0!important}

.pt0 {
  padding-top:0!important}

.pb0 {
  padding-bottom:0!important}

.main-container-fluid {
  width:100%;
  max-width:1760px;
  margin:0 auto}

.main-container {
  width:100%;
  max-width:1600px;
  margin:0 auto}

.mini-container {
  width:100%;
  max-width:1480px;
  margin:0 auto}

.content_accordian {
  display:none}

.section-paddinglarge {
  padding:10rem 0}

.section-padding {
  padding:7.5rem 0}

.section-padding-bottom {
  padding-bottom:5rem}

.section-padding-small {
  padding:2rem 0}

.hover-enable {
  display:none}

.hover-disable {
  display:inline-block}

.mobile-image {
  display:none}

.web-image {
  display:block}

div:focus-visible,img:focus-visible,button:focus-visible {
  border:none;
  outline:none}

body.no-scroll-body {
  overflow-y:hidden}

.flex-row {
  gap:var(--common-gap-size);
  flex-direction:row;
  display:flex}

.flex-column {
  gap:var(--common-gap-size);
  flex-direction:column;
  display:flex}

.horizontal {
  flex-direction:row;
  display:flex}

.vertical {
  flex-direction:column;
  display:flex}

.inner-flex {
  gap:var(--common-gap-size);
  flex-direction:column;
  display:flex}

.inner-flex-smallest {
  gap:.5rem}

.inner-flex-zero {
  gap:0}

.inner-flex-small {
  gap:var(--small-gap-size)}

.inner-flex-small2 {
  gap:2rem}

.inner-flex-medium {
  gap:var(--medium-gap-size)}

.inner-flex-medium40 {
  gap:var(--medium-gap-size40)}

.inner-flex-big {
  gap:var(--big-gap-size)}

.inner-flex-big5 {
  gap:var(--big-gap-size5)}

.inner-flex-large {
  gap:10rem}

.inner-flex-common {
  gap:var(--common-gap-size)}

.inner-flex-center {
  text-align:center;
  align-items:center}

.white-color {
  color:var(--white-color)!important}

.black-color {
  color:var(--black-color)!important}

.grey2-color {
  color:var(--grey2-color)!important}

.green-color {
  color:var(--green-color)!important}

.dark-green-color {
  color:var(--dark-green-color)!important}

.highlight-color {
  color:var(--highlight-color)!important}

.secondary-color {
  color:var(--secondary-color)!important}

.primary-color,.gray-color {
  color:var(--primary-color)!important}

.heading-color {
  color:var(--secondary-highlight-color)!important}

.j-c-sb {
  justify-content:space-between}

.mlauto {
  margin-left:auto}

.mrauto {
  margin-right:auto}

.m0auto {
  margin:0 auto}

.wfc {
  width:fit-content}

.w100 {
  width:100%!important}

.w50 {
  width:50%!important}

.h100 {
  height:100%}

.j-c-c {
  justify-content:center}

.alc {
  align-items:center}

.alend {
  align-items:end}

.alstart {
  align-items:start}

.filterIcon {
  filter:invert()}

.overflow {
  overflow:hidden}

.transition {
  transition:var(--common-transition)}

.scaleOne {
  transition:var(--common-transition);
  scale:1}

.scaleOne:hover {
  scale:1.1}

.flex-wrap {
  flex-wrap:wrap}

.material-symbols-outlined {
  font-family:Material Symbols Outlined!important}

.regular-fonts {
  font-family:var(--regular-font-family)!important}

.light-fonts {
  font-family:var(--light-font-family)!important}

.regular-fonts-bold {
  font-family:var(--regular-font-family)!important;
  font-weight:700!important}

.medium-fonts {
  font-family:var(--medium-font-family)!important}

.inter-italic {
  font-family:var(--italic-font-family)!important}

.semibold-fonts {
  font-family:var(--semibold-font-family)!important}

.banner-title h1,.banner-title h1 span,.banner-title h2,.banner-title h2 span {
  font-size:var(--banner-title-font-size);
  font-family:var(--semibold-font-family);
  letter-spacing:3%}

.banner-title-big h1,.banner-title-big h1 span,.banner-title-big h2,.banner-title-big h2 span {
  font-size:var(--banner-big-font-size);
  font-family:var(--bold-font-family);
  letter-spacing:3%}

.banner-title h1 span,.banner-title h2 span {
  color:var(--secondary-color)}

.section-title h1,.section-title h1 span,.section-title h2,.section-title h2 span {
  font-size:var(--section-title-font-size);
  letter-spacing:3%;
  font-family:var(--semibold-font-family)}

.section-title64 h1,.section-title64 h1 span,.section-title64 h2,.section-title64 h2 span {
  font-size:var(--section-title-font-size64);
  letter-spacing:3%;
  font-family:var(--semibold-font-family)}

.section-title p {
  font-size:var(--section-title-font-size);
  font-family:var(--regular-font-family)}

.section-title span {
  font-size:var(--section-title-font-size);
  font-family:var(--medium-font-family)}

.section-title-big h1,.section-title-big h1 span,.section-title-big h2,.section-title-big h2 span {
  font-size:var(--section-title-big-font-size);
  font-family:var(--semibold-font-family)}

.section-title h1 span,.section-title h2 span {
  color:var(--secondary-color)}

.section-paragraph h2,.section-paragraph h2 span {
  font-family:var(--semibold-font-family);
  font-size:1.25rem!important}

.section-paragraph p,.section-paragraph p span,.section-paragraph span {
  font-size:var(--paragraph-font-size);
  line-height:1.5}

.section-paragraph2 p,.section-paragraph2 p span,.section-paragraph2 li,.section-paragraph2 ul li {
  font-size:var(--paragraph-font-size2);
  line-height:1.5}

.section-paragraph2 p span,.section-paragraph p span {
  color:var(--secondary-color)}

.section-content p,.section-content p span {
  font-size:var(--content-font-size);
  line-height:1.5}

.section-content22 p,.section-content22 p span,.section-content22 li {
  font-size:var(--content-font-size22);
  line-height:1.5}

.section-content18 p {
  font-size:var(--link-font-size18);
  font-weight:400;
  line-height:1.5}

.section-content p span {
  color:var(--secondary-color)}

.section-text p,.section-text p span {
  font-size:1.15rem;
  line-height:1.5}

.section-text p span {
  color:var(--secondary-color)}

.section-subtitle h4,.section-subtitle h4 span {
  font-size:var(--section-subtitle-font-size);
  font-family:var(--semibold-font-family);
  color:var(--primary-color)}

.section-subtitle h4 span {
  color:var(--secondary-color)}

.smallest-font p {
  font-size:.85rem}

.link-font-size a p,.link-font-size a p span.material-symbols-outlined,.link-font-size p {
  font-size:1.05rem}

.kaleeka-button {
  transition:var(--common-transition);
  cursor:pointer;
  border-radius:1.5rem;
  justify-content:center;
  align-items:center;
  gap:1rem;
  width:fit-content;
  padding:.875rem 1.5rem;
  display:flex}

.kaleeka-button p,.kaleeka-button span {
  font-size:1.125rem;
  line-height:1!important}

.button-style-primary {
  background-color:var(--)}

.button-style-primary span,.button-style-primary p {
  color:var(--white-color);
  transition:var(--common-transition);
  font-size:1.25rem}

.button-style-primary:hover {
  border:1px solid var(--primary-color);
  transition:var(--common-transition);
  background-color:#0000}

.button-style-primary:hover span,.button-style-primary:hover p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-primary-outline {
  border:1px solid var(--primary-color);
  cursor:pointer;
  background-color:#0000}

.button-style-primary-outline span,.button-style-primary-outline p {
  color:var(--primary-color);
  transition:var(--common-transition);
  font-size:1.125rem}

.button-style-primary-outline:hover {
  border:1px solid var(--primary-color);
  background-color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-primary-outline:hover span,.button-style-primary-outline:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-secondary {
  border:1px solid var(--secondary-color);
  background-color:var(--secondary-color);
  cursor:pointer;
  width:fit-content}

.button-style-secondary span,.button-style-secondary p {
  color:var(--dark-green-color);
  transition:var(--common-transition);
  font-size:1.125rem}

.button-style-secondary:hover {
  transition:var(--common-transition);
  background-color:#7ea75f;
  border:none!important}

.button-style-secondary:hover span,.button-style-secondary:hover p {
  color:#e0ffc8;
  transition:var(--common-transition)}

.button-style-white {
  border:1px solid var(--white-color);
  background-color:#0000}

.button-style-white span,.button-style-white p {
  color:var(--white-color);
  transition:var(--common-transition);
  font-size:1.125rem}

.button-style-white.white-text span,.button-style-white.white-text p {
  color:var(--white-color);
  font-size:1.125rem}

.button-style-white:hover {
  border:1px solid var(--white-color);
  background-color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white:hover span,.button-style-white:hover p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-white-filled {
  border:1px solid var(--white-color);
  background-color:var(--white-color)}

.button-style-white-filled span,.button-style-white-filled p {
  color:var(--primary-color);
  transition:var(--common-transition);
  font-size:1.125rem}

.button-style-white-filled.white-text span,.button-style-white-filled.white-text p {
  color:var(--primary-color);
  font-size:1.125rem}

.button-style-white-filled:hover {
  border:1px solid var(--white-color);
  transition:var(--common-transition);
  background-color:#0000}

.button-style-white-filled:hover span,.button-style-white-filled:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.border-black {
  border:1px solid var(--primary-color)}

.button-blackborder {
  border:1px solid var(--black-color);
  background-color:#0000}

.button-blackborder.black-text span,.button-blackborder.black-text p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.button-blackborder:hover {
  background-color:var(--primary-color)}

.button-blackborder:hover span,.button-blackborder:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-border {
  border:1px solid var(--primary-color);
  background-color:#0000}

.button-style-border span,.button-style-border p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-border-secondary {
  border:1px solid var(--secondary-color);
  background-color:#0000}

.button-style-border-secondary span,.button-style-border-secondary p {
  color:var(--secondary-color);
  transition:var(--common-transition)}

.button-style-white-outline {
  border:1px solid var(--white-color);
  background-color:#0000}

.button-style-white-outline span,.button-style-white-outline p {
  color:var(--white-color);
  transition:var(--common-transition)}

.hide-tab-mobile {
  display:block!important}

.reecosys-template-page-wrapper,.reecosys-main-wrapper {
  padding-top:0}

.header-wrapper {
  transition:var(--common-transition);
  border-bottom:0px solid var(--primary-color);
  z-index:99999;
  background:0 0;
  width:100%;
  position:fixed;
  top:0%;
  left:0}

.header-wrapper.webmenu_hidden2,.header-wrapper.webmenu_hidden {
  top:-100%!important}

.header-wrapper.header_scrolled {
  background-color:#fff}

.header-wrapper.header_scrolled .header-logo {
  filter:unset}

.header-wrapper.header_home .bar {
  background-color:#fff}

.header-flex {
  justify-content:space-between;
  gap:var(--small-gap-size);
  z-index:99999;
  background-color:#0000;
  align-items:center;
  min-height:6.25rem;
  padding:.75rem 0;
  display:flex;
  position:relative}

.header-links-ul ul {
  align-items:center;
  gap:var(--small-gap-size);
  display:flex}

.header-links-ul ul li .a,.header-links-ul ul li span,.header-links-ul ul li p {
  color:var(--primary-color);
  font-family:var(--semibold-font-family);
  text-transform:uppercase;
  letter-spacing:1px}

.header-links-ul ul li .a {
  color:var(--primary-color);
  align-items:center;
  gap:.5rem;
  display:flex}

.down_arrow {
  transition:var(--common-transition)}

.header-links-ul ul li .a.active .down_arrow {
  transform:rotate(180deg)}

.header-logo {
  width:5rem}

.header_home .header-logo {
  filter:invert()brightness(28)}

.header-logo.header-logo-shimmer {
  border-radius:50%;
  height:5.5rem;
  overflow:hidden}

.shimer-block {
  background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%) 0 0/1000px 100%;
  animation:2s linear infinite shimmer;
  display:none}

.project-img-list {
  background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%) 0 0/1000px 100%;
  animation:2s linear infinite shimmer}

.shimmer-card.shimmer-card-header {
  width:45%;
  height:100px;
  margin-top:2rem}

.shimmer-card.shimmer-card-paragraphs {
  width:75%;
  height:25vh;
  margin-top:2rem}

.shimer-block.shimer-visible {
  display:block}

.woshimer-block {
  display:none}

.woshimer-block.shimer-disable {
  display:block}

.shimmer-card {
  background:linear-gradient(90deg,#e0e0e0 25% 50%,#e0e0e0 75%) 0 0/200% 100%;
  border-radius:4px;
  width:100%;
  height:100vh;
  animation:1.5s linear infinite shimmer}

@keyframes shimmer {
  0% {
  background-position:100% 0}

to {
  background-position:-100% 0}

}

.offer-strip-icon {
  width:1rem}

.header-top-strip {
  justify-content:space-between;
  gap:var(--medium-gap-size);
  background:#f5f5f5;
  border-bottom-right-radius:.75rem;
  border-bottom-left-radius:.75rem;
  margin-bottom:.75rem;
  padding:0 1.5rem;
  display:flex}

.location-div-header-strip,.offer-strip-header {
  flex-direction:row;
  gap:.5rem;
  display:flex}

.location-div-header-strip .link-font-size span,.offer-strip-header .link-font-size span {
  font-family:var(--semibold-font-family);
  text-transform:uppercase;
  text-decoration:underline;
  color:var(--secondary-color)!important}

.bar {
  width:1.5rem;
  height:2px;
  transition:var(--common-transition);
  background-color:#000}

.header-wrapper.header_scrolled.header_home .bar {
  background-color:#000}

.menubar {
  z-index:9999;
  width:3.5rem;
  height:3.5rem;
  transition:var(--common-transition);
  background-color:#0000;
  border-radius:50%;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:.3rem;
  display:flex}

.menubar.active {
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  transition:var(--common-transition);
  background:#ffffff80}

.menubar.active:hover {
  transition:var(--common-transition);
  background:#fff}

.menubar.active:hover .bar {
  transition:var(--common-transition);
  background-color:var(--secondary-color)!important}

.menubar.active .bar.bar-top {
  transform:translateY(8px)rotate(-45deg)}

.menubar.active .bar.bar-bottom {
  transform:translateY(-6px)rotate(45deg)}

.menubar.active .bar.bar-middle {
  opacity:0;
  background-color:#0000!important}

.navigationWrapper {
  z-index:9;
  background-color:var(--white-color);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  width:30%;
  max-height:70vh;
  padding:9rem 1rem 1rem;
  display:flex;
  position:fixed;
  top:0;
  right:0;
  overflow-y:scroll}

.navigationWrapper.active {
  visibility:visible;
  opacity:1;
  pointer-events:all}

.mobile_menu_wrapper {
  z-index:105;
  background-color:#fff;
  width:25%;
  height:100%;
  padding:6rem 1rem 1rem;
  transition:all .5s;
  position:fixed;
  top:0;
  right:-100%}

.mobile_menu_wrapper.mobileMenuActive {
  transition:all .5s;
  right:0%}

.header-navigation-links ul {
  flex-direction:column;
  justify-content:center;
  gap:0;
  display:flex}

.accordion-block .section-paragraph p,.header-navigation-links ul li a p {
  transition:var(--common-transition);
  text-transform:uppercase;
  font-size:1.15rem;
  font-family:var(--regular-font-family)!important}

.header-navigation-links ul li a:hover .progress-value p {
  color:var(--primary-color)!important}

.header-navigation-links ul li a:hover p,.header-navigation-links ul li.active a p {
  transition:var(--common-transition);
  color:var(--secondary-color)!important}

.header-acc-btn {
  width:2.5rem;
  min-width:2.5rem;
  height:2.5rem}

.navigation-mobile-icon img {
  width:2rem}

.flex-70 {
  flex-basis:70%}

.flex-30 {
  flex-basis:30%}

.progress-consctruction.white {
  width:var(--content-size);
  filter:invert();
  margin-bottom:4px}

.progress-consctruction {
  width:var(--content-size);
  margin-bottom:4px}

.progress {
  width:28px;
  height:28px;
  box-shadow:none;
  background:0 0;
  margin:0 auto;
  line-height:150px;
  position:relative}

.progress:after {
  content:"";
  border:2px solid #b9b9b982;
  border-radius:50%;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0}

.progress>span {
  z-index:1;
  width:50%;
  height:100%;
  position:absolute;
  top:0;
  overflow:hidden}

.progress .progress-left {
  left:0}

.progress .progress-bar {
  background:0 0;
  border:2px solid #00ff68;
  width:100%;
  height:100%;
  position:absolute;
  top:0}

.progress .progress-left .progress-bar {
  transform-origin:0;
  border-left:0;
  border-top-right-radius:75px;
  border-bottom-right-radius:75px;
  left:100%}

.progress .progress-right {
  right:0}

.progress .progress-right .progress-bar {
  transform-origin:100%;
  border-right:0;
  border-top-left-radius:75px;
  border-bottom-left-radius:75px;
  left:-100%}

.progress .progress-value {
  place-content:center;
  height:100%;
  display:grid}

.progress .progress-value p {
  color:var(--black-color);
  font-size:.8rem!important}

.progress.progress_banner .progress-value p {
  color:var(--white-color)}

.progress[data-percentage="10"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-1}

.progress[data-percentage="10"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="15"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-15}

.progress[data-percentage="15"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="20"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-2}

.progress[data-percentage="20"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="25"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-25}

.progress[data-percentage="25"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="30"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-3}

.progress[data-percentage="30"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="35"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-35}

.progress[data-percentage="35"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="40"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-4}

.progress[data-percentage="40"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="45"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-45}

.progress[data-percentage="45"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="50"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="50"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="55"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-55}

.progress[data-percentage="55"] .progress-left .progress-bar {
  animation:none}

.progress[data-percentage="60"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="60"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-1}

.progress[data-percentage="65"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="65"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-1}

.progress[data-percentage="70"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="70"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-2}

.progress[data-percentage="75"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="75"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-2}

.progress[data-percentage="80"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="80"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-3}

.progress[data-percentage="85"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="85"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-3}

.progress[data-percentage="90"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="90"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-4}

.progress[data-percentage="95"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="95"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-4}

.progress[data-percentage="100"] .progress-right .progress-bar {
  animation:1.5s linear forwards loading-5}

.progress[data-percentage="100"] .progress-left .progress-bar {
  animation:1.5s linear 1.5s forwards loading-5}

@keyframes loading-1 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(36);
  transform:rotate(36deg)}

}

@keyframes loading-15 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(54);
  transform:rotate(54deg)}

}

@keyframes loading-2 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(72);
  transform:rotate(72deg)}

}

@keyframes loading-25 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(90);
  transform:rotate(90deg)}

}

@keyframes loading-3 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(108);
  transform:rotate(108deg)}

}

@keyframes loading-35 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(126);
  transform:rotate(126deg)}

}

@keyframes loading-4 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(144);
  transform:rotate(144deg)}

}

@keyframes loading-45 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(162);
  transform:rotate(162deg)}

}

@keyframes loading-5 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(180);
  transform:rotate(180deg)}

}

@keyframes loading-55 {
  0% {
  transform:rotate(0)}

to {
  -webkit-transform:rotate(198);
  transform:rotate(198deg)}

}

.header_accordion.active .manu-accordian-downarrow,.manu-accordian-uparrow {
  display:none}

.header_accordion.active .manu-accordian-uparrow {
  display:block}

.iconimg {
  width:1.8rem;
  min-width:1.8rem}

.ellipsis-1 {
  font-size:var(--content-font-size);
  -webkit-line-clamp:1;
  line-clamp:1;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden}

.ellipsis-2 {
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden}

.mobile_menu_wrapper {
  scrollbar-width:none;
  overflow:scroll}

.click-overlay {
  opacity:0;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  z-index:-1;
  pointer-events:none;
  width:100%;
  height:100%;
  transition:var(--common-transition);
  background:#1e1e1e66;
  position:fixed;
  top:0;
  left:0}

.click-overlay.active {
  z-index:1;
  opacity:1;
  pointer-events:all}

.black_overlay {
  z-index:0;
  background:#00000059;
  width:100%;
  height:100%;
  transition:all .4s;
  position:absolute;
  top:0;
  left:0}

.project_banner_overlay {
  background-image:linear-gradient(#fff0,#000000eb);
  width:100%;
  height:75%;
  position:absolute;
  bottom:0;
  left:0}

.project_gallery_overlay {
  background-image:linear-gradient(#fff0,#00000050);
  width:100%;
  height:15%;
  position:absolute;
  bottom:0;
  left:0}

.common-icon {
  width:1.3rem;
  min-width:1.3rem}

.project_app_image {
  width:9rem}

.reecosys_footer_copyright {
  border-top:0 solid #dedede;
  margin-top:1.5rem!important}

.banner-text-abs {
  width:90%;
  position:absolute}

.swiper-pagination.home_banner_pagination {
  gap:5px;
  display:flex;
  position:absolute;
  bottom:9%;
  left:50%;
  transform:translate(-50%)}

.home_banner_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity:1;
  background:var(--white-color)}

.scroll-btn {
  border:2px solid var(--white-color);
  z-index:99;
  cursor:pointer;
  border-radius:50%;
  justify-content:center;
  width:4rem;
  height:4rem;
  display:flex;
  position:absolute;
  bottom:15%;
  left:50%;
  transform:translate(-50%)}

.scroll-btn img {
  object-fit:contain;
  width:50%;
  height:auto;
  animation:2s linear infinite move;
  position:absolute;
  top:-5px;
  left:50%;
  transform:translate(-50%)}

@keyframes move {
  0% {
  opacity:0;
  transform:translate(-50%,10px)}

50% {
  opacity:1;
  transform:translate(-50%,20px)}

to {
  opacity:.5;
  transform:translate(-50%,35px)}

}

.home-listing-banner img {
  object-fit:cover;
  height:95svh}

.home-listing-banner {
  width:100%}

.line-after-text:after {
  content:"";
  background-color:var(--primary-color);
  width:30px;
  height:1px;
  position:absolute;
  top:50%;
  right:-40px;
  transform:translateY(-50%)}

.homes-content-abs {
  text-align:center;
  width:95%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.footer-hover p {
  transition:var(--common-transition);
  color:#fff}

.footer-hover p:hover {
  transition:var(--common-transition);
  text-decoration:underline}

.reecosys-logofooter {
  width:3.5rem;
  margin-left:.2rem;
  transform:translateY(2px)}

.footer-inquiryForm {
  display:flex}

.project-list-grid-1-column .project-info-list {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.project-info-flex {
  width:max-content}

.otherDetailSwiper .project_status_lable,.project-list-grid-2-column .project_status_lable,.project_status_lable_footer {
  background-color:#1e1e1e50;
  border-radius:.25rem;
  padding:.5rem .75rem;
  position:absolute;
  top:1rem;
  right:1rem}

.header-navigation-links ul li a:hover .project_status_lable_footer p,.header-navigation-links ul li a:hover .project_status_lable p,.project_status_lable_footer p,.project_status_lable p {
  color:var(--white-color)!important;
  font-size:14px!important}

.project-list-grid-2-column {
  gap:var(--small-gap-size);
  grid-template-columns:repeat(2,1fr);
  display:grid}

.project-arrow-icon {
  transition:var(--common-transition);
  transform:translate(-50%)}

.project-list-card:hover .project-arrow-icon {
  transform:translate(0%)}

.project-img-list img {
  transition:var(--common-transition)}

@media only screen and (min-width:992px) {
  .project-list-card:hover .project-img-list img {
  transform:scale(1.05)}

.button-style-border:hover {
  border:1px solid var(--primary-color);
  background-color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-border:hover span,.button-style-border:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-border-secondary:hover {
  border:1px solid var(--secondary-color);
  background-color:var(--secondary-color);
  transition:var(--common-transition)}

.button-style-border-secondary:hover span,.button-style-border-secondary:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white-outline:hover {
  border:1px solid var(--white-color);
  background-color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white-outline:hover span,.button-style-white-outline:hover p {
  color:var(--primary-color);
  transition:var(--common-transition)}

}

.list-panel-ul ul li:after {
  content:none;
  background-color:var(--black-color);
  width:1px;
  height:100%;
  position:absolute;
  top:0;
  right:-1.5rem}

.list-panel-ul ul li:last-child:after {
  display:none}

.list-change-button-icon {
  border:1px solid var(--black-color);
  border-radius:50%;
  width:3rem;
  padding:.5rem}

.list-change-ul {
  background-color:var(--white-color);
  border:1px solid var(--gray-color);
  z-index:55;
  text-align:left;
  opacity:0;
  visibility:hidden;
  width:200px;
  transition:var(--common-transition);
  padding:0;
  position:absolute;
  top:2rem;
  left:0%;
  transform:translate(-60%)}

.list-change-button-icon:hover~.list-change-ul,.list-change-ul:hover {
  opacity:1;
  visibility:visible}

.list-change-ul .columntab {
  border-bottom:1px solid #00000050;
  padding:1rem .5rem}

.projectBannerFlex {
  z-index:2;
  width:88%;
  position:absolute;
  top:45%;
  left:50%;
  transform:translate(-50%,-50%)}

.banner-title-border-div h2 {
  position:relative;
  padding-bottom:0!important}

.banner-title-border-div h2:after {
  content:"";
  background-color:var(--white-color);
  width:0%;
  height:2px;
  transition:all 1s;
  position:absolute;
  bottom:0;
  left:0}

.banner-title-border-div h2.fade_top:after {
  width:4.5%;
  transition:all 1s}

.highlightGrid>div:last-child:after {
  content:none}

.highlightGrid>div:after {
  content:"";
  background-color:#8e9194;
  width:1px;
  height:60%;
  position:absolute;
  top:50%;
  right:-25%;
  transform:translateY(-50%)}

.highlightGrid>div {
  gap:1rem;
  padding:1.5rem 0;
  display:flex;
  position:relative}

.section-content.readmoreText p span {
  color:inherit}

.walkthrough-banner-content {
  width:90%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.walkthrough-project-thumb {
  width:100%;
  display:block}

.walkthrough-project-thumb:hover .play_walkthrough_icon img {
  filter:invert()}

.walkthrough-project-thumb .walk-thumbnail-image iframe {
  height:85vh}

.project_gallery_grid {
  grid-template-columns:repeat(4,1fr);
  display:grid}

.project_gallery_hover .galleryFonts {
  z-index:2;
  opacity:0;
  transition:var(--common-transition);
  position:absolute;
  bottom:1rem;
  left:1rem}

.project_gallery_hover:hover img {
  scale:1.1}

.project_gallery_hover:hover .galleryFonts {
  opacity:1;
  transition:var(--common-transition)}

.rera-text {
  word-break:break-all}

.amenities-icon {
  width:3rem}

.all-amenites-list ul {
  grid-template-columns:repeat(3,1fr);
  gap:3rem 2rem;
  display:grid}

.amenities_popup {
  background-color:var(--white-color);
  z-index:-1;
  width:80%;
  max-height:80%;
  transition:var(--common-transition);
  padding:3rem;
  position:fixed;
  top:50%;
  left:50%;
  overflow-y:scroll;
  transform:translate(-50%,-50%)scale(0)}

.amenities_popup.active {
  z-index:4;
  transform:translate(-50%,-50%)scale(1)}

.amenities_popup::-webkit-scrollbar {
  width:0!important}

.amenities-close-icon {
  position:absolute;
  top:-2rem;
  right:-2rem}

.amenities-close-icon span {
  font-size:2rem}

.specs_data {
  text-align:left;
  border:1px solid #ccc;
  border-radius:5px;
  flex-direction:column;
  align-items:start;
  gap:.5rem;
  width:100%;
  min-height:315px;
  padding:2rem;
  display:flex}

.specs_image {
  width:2.25rem}

.specs-text .readmore_click {
  opacity:.6;
  text-decoration:underline}

.project-map-iframe iframe {
  aspect-ratio:16/5;
  width:100%}

.project_detail_inquiry_form {
  width:100%}

.project_detail_inquiry_form .form_wrapper {
  gap:var(--small-gap-size);
  flex-flow:wrap;
  display:flex}

.inquiry_form_detail {
  max-width:1100px;
  margin:0 auto}

.project_detail_inquiry_form .form_wrapper>div:first-child,.project_detail_inquiry_form .form_wrapper>div:nth-child(2),.project_detail_inquiry_form .form_wrapper>div:nth-child(3),.project_detail_inquiry_form .form_wrapper>div:nth-child(4) {
  flex-basis:100%;
  width:100%}

.project_detail_inquiry_form .form_wrapper .contact_lable {
  height:fit-content!important}

.contact_country_flag img {
  border-radius:.3rem;
  width:25px!important}

.common-listing-banner img,.common-listing-banner {
  background:#dedede;
  height:75lvh}

.inquiry_popup {
  background:var(--white-color);
  scrollbar-width:none;
  z-index:99999;
  width:30%;
  height:100%;
  transition:var(--common-transition);
  padding:3rem 1.5rem;
  position:fixed;
  top:0;
  right:-100%;
  overflow-y:scroll}

.inquiry_popup.inqury_active {
  right:0%}

.career_position_list {
  border:0px solid var(--gray-color);
  padding:0}

.thankyou-title h1 {
  font-size:7rem;
  font-family:var(--bold-font-family)}

.thankyou_wrapper {
  height:100svh}

.BacktoHome a p {
  transition:var(--common-transition)}

.BacktoHome a p:hover {
  transition:var(--common-transition);
  color:var(--secondary-color)}

.reecosys-banner-section .swiper-slide>div {
  width:100%}

.close_icon {
  position:absolute;
  top:1.5rem;
  right:1.5rem}

.readmore-span-color p span {
  color:var(--primary-color)}

.title-after-line:after {
  content:"";
  background-color:var(--black-color);
  width:2rem;
  height:1px;
  position:absolute;
  top:50%;
  right:-2.5rem;
  transform:translateY(-50%)}

.person_about_designation p a {
  font-family:var(--medium-font-family);
  transition:var(--common-transition);
  text-decoration:underline}

.person_about_designation p a:hover {
  color:var(--secondary-color);
  transition:var(--common-transition)}

.awards-swiper-card {
  border:1px solid #999;
  width:100%;
  height:100%;
  min-height:25rem;
  padding:1.5rem}

.awards_swiper_outer .swiper-container {
  padding:0 9rem}

.swiper-scrollbar {
  height:3px}

.profile_info {
  width:70%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.profilepage_designation p,.profilepage_designation span {
  color:var(--white-color)}

.profile_video_grid {
  gap:var(--small-gap-size);
  grid-template-columns:repeat(3,1fr);
  display:grid}

.play_icon {
  width:2rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.blog-grid {
  gap:var(--medium-gap-size);
  grid-template-columns:calc(70% - 1.5rem) calc(30% - 1.5rem);
  display:grid}

.recent_blogs_details {
  border:1px solid var(--black-color);
  gap:1rem;
  padding:1rem;
  display:flex}

.blog_bind_data p,.blog_bind_data strong {
  font-size:var(--paragraph-font-size);
  line-height:1.5}

.blog_bind_data strong {
  font-family:var(--semibold-font-family)}

.header-hover:hover .header-title {
  color:var(--secondary-color)}

.footer-navigation-link a.active_page p,.header-navigation-links a.active_page p,.header-navigation-links li.active a p {
  text-decoration:underline;
  font-family:var(--medium-font-family)!important}

.header_contact_dropdown {
  z-index:9999;
  width:100%;
  transition:var(--common-transition);
  background:#fff;
  padding:2rem 1rem;
  position:fixed;
  bottom:-100%}

.header_contact_dropdown.active {
  bottom:0%}

.close_contact {
  background:#222;
  border-radius:50%;
  width:2.2rem;
  padding:.5rem;
  position:absolute;
  top:-5rem;
  left:50%;
  transform:translate(-50%)}

.md-toast.error {
  color:#00000050;
  z-index:2147483647;
  padding:.5rem 1rem;
  position:fixed;
  bottom:0;
  right:0}

.menubar {
  cursor:pointer}

.fancybox-container * {
  color:var(--white-color)!important}

.fancybox__toolbar span,.fancybox__toolbar,.fancybox__toolbar *,.carousel__button svg,.fancybox__spinner svg {
  color:#fff}

.overview-new-grid {
  gap:var(--big-gap-size);
  margin-top:var(--medium-gap-size);
  grid-template-columns:70%;
  display:grid}

.brown-color {
  color:var(--brown-color)!important}

.brijgroup-main-wrapper {
  padding-top:8rem}

.dot {
  background-color:var(--secondary-color);
  border-radius:100%;
  width:12px;
  height:12px}

.banner-sect-text {
  width:60%;
  margin-left:auto}

.about-vector-abs {
  position:absolute;
  top:10%;
  right:-20%}

.coreValueGridContent p,.coreValueTitle {
  color:#a4a4a4;
  z-index:2;
  position:relative}

.highlight-icon-home {
  width:2.5rem;
  height:2.5rem}

.coreValueGrid {
  grid-template-columns:repeat(7,1fr);
  grid-template-areas:"one one. . . . ."".two two. . . ."". .three three. . ."". . .four four. ."". . . .five five."". . . . .six six";
  gap:2rem 0;
  display:grid}

.coreValueGridContent {
  background-color:#231f20;
  padding:0 0 3.5rem 3.5rem;
  position:relative}

.coreValueGridContent:after {
  content:"";
  border-left:1px solid var(--secondary-color);
  border-bottom:1px solid var(--secondary-color);
  background-color:#0000;
  border-bottom-left-radius:20px;
  width:35%;
  height:100%;
  position:absolute;
  bottom:-3.5rem;
  left:1.5rem}

.coreValueGrid>div:first-child {
  grid-area:one}

.coreValueGrid>div:nth-child(2) {
  grid-area:two}

.coreValueGrid>div:nth-child(3) {
  grid-area:three}

.coreValueGrid>div:nth-child(4) {
  grid-area:four}

.coreValueGrid>div:nth-child(5) {
  grid-area:five}

.coreValueGrid>div:nth-child(6) {
  grid-area:six}

.footer-inquiryForm .md-label {
  background-color:var(--primary-color)!important;
  color:var(--white-color)!important}

.footer-inquiryForm .inquiry-label.subscribe-label input {
  color:var(--white-color)!important;
  background-color:#0000!important;
  border-color:#555!important}

.footer-inquiryForm .submitbtn button {
  background-color:#0000!important}

.footer-inquiryForm .submitbtn button .common-icon {
  filter:invert()}

.header-links-ul li a span.material-symbols-outlined {
  transition:var(--common-transition)}

.header-links-ul li a.active span.material-symbols-outlined {
  color:var(--secondary-color);
  rotate:180deg}

.accordion_click {
  cursor:pointer}

.galleryItem {
  display:none}

.galleryItem.gallery-active {
  display:block}

.fancybox-image {
  object-fit:unset}

.statusTag {
  border:1px solid var(--white-color);
  border:1px solid var(--white-color);
  background:#ffffff40;
  padding:.5rem;
  line-height:1!important}

.footer-content-accordian .flex-30,.header-navigation-links .flex-30 {
  flex-basis:35%;
  max-width:100%}

.footer-content-accordian .flex-70,.header-navigation-links .flex-70 {
  flex-basis:65%;
  max-width:100%}

.header-flex.webmenu_hidden2 {
  transform:translateY(-100%)}

.highlights-grid {
  grid-template-columns:100%;
  width:100%;
  display:grid}

.highlights-grid .counter-value:after {
  content:"+";
  font-family:inherit;
  font-size:inherit;
  color:inherit}

.completed-project-list-grid {
  align-items:center;
  gap:var(--medium-gap-size);
  flex-wrap:wrap;
  justify-content:start;
  display:flex}

.completed-project-list-grid>div {
  border:1px solid var(--gray-color);
  width:calc(33.3333% - 3rem);
  transition:var(--common-transition);
  border-radius:1rem;
  flex-basis:calc(33.3333% - 3rem);
  padding:1.5rem;
  position:relative}

.completed-project-list-grid>div:after {
  content:"";
  transform-origin:100%;
  width:0%;
  height:100%;
  transition:var(--common-transition);
  background:#dedede30;
  border-radius:1rem;
  position:absolute;
  top:0;
  left:0}

.completed-project-list-grid>div:hover {
  border-radius:1rem}

.completed-project-list-grid>div:hover:after {
  transform-origin:0;
  width:100%}

.completed-project-list-grid>div .project-information-div,.completed-project-list-grid>div .charter_regular {
  transition:var(--common-transition)}

.completed-project-list-grid>div:hover .charter_regular {
  color:var(--secondary-color)}

.whatsapp_connect {
  z-index:9;
  transition:var(--common-transition);
  align-items:center;
  gap:.75rem;
  display:flex;
  position:fixed;
  bottom:2.5rem;
  right:2.5rem}

.whatsapp-icon {
  width:3.5rem}

.up-a-bit .whatsapp_connect,.whatsapp_connect.active {
  bottom:6rem;
  right:2.5rem}

.readmore_text span.readmore_click,span.readmore_click {
  cursor:pointer;
  display:block;
  color:var(--secondary-color)!important}

.contactPageDescription p span {
  font-family:var(--semibold-font-family);
  font-size:var(--paragraph-font-size);
  color:var(--primary-color);
  padding-bottom:1rem;
  display:block}

.contactPageDescription p br:first-of-type {
  display:none}

.SpecificationBLock {
  border-bottom:1px solid #dedede;
  padding:1rem 0}

.SpecificationBLock:last-of-type {
  border-bottom:0 solid #dedede}

.specificationAccordion .content_accordian.section-content p {
  padding-top:1rem;
  padding-left:3rem;
  line-height:2}

.specificationGrid {
  gap:var(--medium-gap-size);
  grid-template-columns:repeat(2,1fr);
  display:grid}

.SpecificationBLock .accordion_click .specificationArrow {
  transition:var(--common-transition)}

.SpecificationBLock .accordion_click.active .specificationArrow {
  transform:rotate(180deg)}

.date_picker_input_text {
  font-size:var(--content-font-size);
  color:var(--primary-color);
  border:1px solid var(--primary-color);
  border-radius:0;
  padding:1.25rem 1.5rem}

.date_picker_input {
  opacity:0;
  z-index:2;
  position:relative;
  padding:1.3rem 1.5rem 1rem!important}

.date_picker_input_text {
  z-index:1;
  width:100%;
  position:absolute;
  top:0;
  left:0}

.swiper-scrollbar.other-project-scrollbar {
  width:50%;
  height:3px;
  margin:1.5rem auto 0}

:focus,:focus-visible {
  outline:none}

.footer-inquiryForm .inquiry-label.subscribe-label.inquiry-label input.error {
  border-color:red!important}

.inquiry-label input.error~.md-label {
  color:red!important}

.loading_btn {
  border-top:2px solid var(--white-color);
  width:1.4rem;
  height:1.4rem;
  transition:var(--common-transition);
  background:0 0;
  border-right:2px solid #0000;
  border-radius:50%;
  margin:0;
  animation:1s linear infinite spin}

@keyframes spin {
  to {
  transform:rotate(360deg)}

}

.backArrowProject {
  transition:var(--common-transition);
  background:#dedede;
  border-radius:50%;
  padding:.6rem;
  position:absolute;
  top:50%;
  left:-5rem;
  transform:translateY(-50%)}

.backArrowProject:hover {
  background:var(--secondary-color);
  transition:var(--common-transition)}

.backArrowProject:hover span {
  color:var(--white-color)}

.grid-two-45-55 {
  grid-template-columns:calc(45% - 2rem) calc(55% - 2rem);
  align-items:start;
  gap:4rem;
  display:grid}

.highlight-swati-card-wrapper {
  grid-template-columns:calc(50% - 1rem) calc(50% - 1rem);
  gap:2rem;
  display:grid}

.highlight-swati-card {
  background-color:var(--background-gray);
  gap:var(--medium-gap-size);
  padding:var(--small-gap-size);
  flex-direction:column;
  align-items:start;
  display:flex}

#reecosys-template-home-section-whyswati,#reecosys-template-home-section-highlights {
  background:linear-gradient(251deg,#953b21 0%,#3c1516 121.01%)}

.section-title-highlight-inner {
  padding-top:var(--small-gap-size);
  margin-top:var(--small-gap-size);
  border-top:1px solid #ffffff30}

.grid-two-50-50-small {
  grid-template-columns:calc(50% - 1rem) calc(50% - 1rem);
  gap:2rem;
  display:grid}

.grid-two-50-50-small.profile_image_grid {
  grid-template-columns:repeat(3,1fr)}

.new-highlight-content {
  justify-content:space-between;
  height:100%}

.white-color40 {
  color:#ffffff40!important}

.white-color80 {
  color:#ffffff80!important}

.banner-title.section-title-highlight-inner h2 {
  font-size:7.5rem!important;
  font-family:var(--black-font-family)!important}

.filter-flex-wrapper {
  grid-template-columns:calc(30% - 3rem) calc(70% - 3rem);
  align-items:center;
  gap:6rem;
  display:grid}

.section-textpara p,.section-textpara p span,.section-textpara span {
  font-size:var(--content-font-size);
  line-height:1.5}

.why-swati-card-img1 {
  width:26rem}

.why-swati-card-img4 {
  width:26rem;
  margin-left:auto;
  margin-right:5%}

.why-swati-card-img2 {
  width:28rem;
  margin-left:auto;
  margin-right:15%}

.why-swati-card-img3 {
  width:28rem}

.why-swati-grid-card1 {
  margin-left:5%}

.why-swati-grid-card3 {
  margin-left:20%}

.why-swati-grid-card2 {
  margin-top:-5%}

.why-swati-bg-wrapper {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed}

.other-pages-content-flex {
  width:calc(100% - 4rem);
  position:absolute;
  bottom:2rem;
  left:50%;
  transform:translate(-50%)}

.other-pages-grid-swati {
  gap:var(--small-gap-size);
  grid-template-columns:repeat(2,1fr);
  grid-template-areas:"cp vn""cr cr";
  display:grid}

.other-pages-grid-swati>div:first-child {
  grid-area:cp}

.other-pages-grid-swati>div:nth-child(2) {
  grid-area:vn}

.other-pages-grid-swati>div:nth-child(3) {
  grid-area:cr}

.other-pages-content-flex .section-textpara {
  width:60%;
  max-width:100%}

.other-pages-cross-overlay {
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  background:linear-gradient(45deg,#000000c6 16%,#0000 100%);
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0}

.other-pages-home-card-img {
  overflow:hidden}

.other-pages-home-swati-card:hover .other-pages-home-card-img img {
  transform:scale(1.1)}

.section-footer-title p {
  font-family:var(--semibold-font-family);
  letter-spacing:3%;
  color:#fff;
  font-size:1.1rem}

.footer-text {
  letter-spacing:4%;
  font-size:1.12rem;
  line-height:1.5;
  font-family:var(--regular-font-family)}

.footer-text:hover {
  text-decoration:underline}

.social-media-icon-footer {
  filter:invert()brightness(100)}

.social-media-icon-footer:hover {
  opacity:.5}

.contact-flex {
  gap:.4rem}

.footer-main {
  width:100%;
  margin:0 auto}

.footer-row {
  flex-direction:row;
  gap:.5rem;
  display:flex}

.footer-row .footer-row-icon {
  width:1.25rem;
  min-width:1.25rem}

.footer-contact-link {
  max-width:420px}

.marginl-auto {
  margin-left:auto}

.footer-gray {
  color:var(--white-color);
  font-size:1rem!important}

.blogs-wrapper-flex {
  gap:var(--medium-gap-size);
  flex-direction:row;
  align-items:start;
  display:flex}

.blogs-wrapper-flex>div:first-child {
  flex-basis:calc(30% - 1.5rem);
  width:calc(30% - 1.5rem)}

.blogs-wrapper-flex>div:nth-child(2) {
  flex-basis:calc(70% - 1.5rem);
  width:calc(70% - 1.5rem)}

.main-container-left {
  width:94%;
  margin:0 0 0 auto}

.blog-title-home {
  width:calc(100% - 3rem);
  position:absolute;
  bottom:1.5rem;
  left:50%;
  transform:translate(-50%)}

.blog-title-home h2 {
  text-align:left}

.swiper-button-next,.swiper-button-prev {
  background-color:var(--white-color);
  left:unset;
  right:unset;
  top:unset;
  transform:unset;
  margin:0;
  margin:unset;
  border-radius:5rem;
  place-items:center;
  width:3.5rem;
  height:3.5rem;
  display:grid;
  position:relative;
  background-image:none!important}

#reecosys-home-section-8 {
  background-color:var(--background-gray)}

.js-end {
  justify-content:end}

.height-jsc {
  justify-content:space-between;
  min-height:50vh}

.view-all-projects-btn-home {
  flex-direction:row;
  justify-content:center;
  align-items:center;
  margin-top:2.5rem;
  display:flex}

.vector-div-project {
  background-color:var(--white-color)}

.vector-div-projectrera {
  width:75%;
  margin:0 auto}

.vector-div-project img {
  mix-blend-mode:multiply;
  opacity:.2;
  width:75%;
  margin:0 auto}

.project-gallery-swiper .swiper-slide {
  width:fit-content}

.project-gallery-swiper .swiper-container {
  padding:0 6%}

.project-gallery-swiper0btn {
  flex-direction:row;
  gap:2rem;
  display:flex}

#reecosys-project-detail-section-other,#reecosys-project-detail-section-6 {
  background-color:var(--background-gray)}

.lcoation-view-grid-swati {
  align-items:end;
  gap:var(--medium-gap-size);
  background:var(--background-gray);
  grid-template-columns:repeat(2,1fr);
  padding:6rem;
  display:grid}

.detail-location-iframe iframe {
  width:100%;
  height:37.5vh}

.locationFlex {
  gap:2rem}

.location-50 {
  width:75%}

.swiper-slide {
  background-color:#0000!important}

.amenities-card-new {
  border:1px solid var(--primary-color);
  border-radius:.5rem;
  flex-direction:row;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1.25rem;
  display:flex}

.amenities-icon {
  flex-basis:2rem;
  width:2rem}

.swiper-scrollbar.swiper-scrollbar-alturaamenity {
  width:60%;
  margin:0 auto}

.other-pages-home-swati-card a {
  display:block}

.alturaGalleryPopup {
  z-index:3;
  width:3.5rem;
  transition:var(--common-transition);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)scale(0)}

.alturaGalleryOverlay {
  z-index:2;
  width:100%;
  height:100%;
  transition:var(--common-transition);
  background:#00000008;
  position:absolute;
  top:0;
  left:0}

.project-gallery-fancy:hover .alturaGalleryPopup {
  transition:var(--common-transition);
  transform:translate(-50%,-50%)scale(1)}

.project-gallery-fancy:hover .alturaGalleryOverlay {
  transition:var(--common-transition);
  background:#00000032}

.new-detail-banner-abs-flex {
  justify-content:space-between;
  align-items:start;
  gap:3rem;
  display:grid}

.new-detail-highlight-grid {
  grid-template-columns:unset;
  row-gap:var(--medium-gap-size);
  flex-wrap:wrap;
  gap:1.5rem 2.5rem;
  width:100%;
  display:flex}

.new-detail-highlight-grid>div {
  flex-basis:auto}

.gallery-image-grid {
  gap:var(--small-gap-size);
  grid-template-columns:repeat(3,1fr);
  grid-template-areas:"g1 g1 g2""g3 g4 g5""g3 g4 g5""g6 g6 g5";
  display:grid}

.gallery-image-grid>.image-item>a,.gallery-image-grid>.image-item>a img {
  background-color:var(--background-gray);
  height:100%;
  display:block}

.gallery-image-grid>.image-item:first-child {
  grid-area:g1;
  height:40vh}

.gallery-image-grid>.image-item:nth-child(2) {
  grid-area:g2;
  height:40vh}

.gallery-image-grid>.image-item:nth-child(3) {
  grid-area:g3;
  height:40vh}

.gallery-image-grid>.image-item:nth-child(4) {
  grid-area:g4;
  height:40vh}

.gallery-image-grid>.image-item:nth-child(5) {
  grid-area:g5}

.gallery-image-grid>.image-item:nth-child(6) {
  grid-area:g6;
  height:40vh}

.btns-midflex-detail {
  gap:var(--medium-gap-size);
  margin-top:var(--small-gap-size);
  justify-content:center;
  align-items:center;
  display:flex}

.form-control.form-control-iconpad {
  box-shadow:unset!important;
  border-radius:0!important}

.country_code_data {
  cursor:pointer;
  border-radius:2rem;
  align-items:center;
  gap:5px;
  padding:.5rem .75rem;
  display:flex}

.arrow {
  transition:transform .3s}

.arrow.rotate {
  transform:rotate(180deg)}

.country_code_list_data {
  max-height:0;
  transition:all .3s;
  overflow:hidden}

.country_code_list_data.active {
  max-height:300px}

.fa-angle-down {
  transition:transform .3s}

.fa-angle-down.rotate {
  transform:rotate(180deg)}

span.material-symbols-outlined.icon-form-control {
  z-index:2;
  font-size:1.25rem;
  position:absolute;
  top:50%;
  left:1.5rem;
  transform:translateY(-50%);
  line-height:1!important;
  display:none!important}

.sunmit-project-btn {
  width:fit-content}

.locationicon-margin {
  margin-left:2.5rem}

.quick-gap {
  gap:.9rem}

.project-glaery-overlay {
  opacity:0;
  visibility:hidden;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  background-color:#00000080;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0}

.image-item:hover .project-enlarge-icons-galeery {
  transition:var(--common-transition);
  transform:translate(-50%,-50%)scale(1)}

.image-item:hover .project-glaery-overlay {
  opacity:1;
  visibility:visible;
  transition:var(--common-transition)}

.project-enlarge-icons-galeery {
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  width:3rem;
  height:3rem;
  transition:var(--common-transition);
  background-color:#ffffff80;
  border-radius:50%;
  place-items:center;
  display:grid;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)scale(0)}

.project-enlarge-icons-galeery span.material-symbols-outlined {
  font-size:1.5rem;
  line-height:1}

.grid-80 {
  width:80%}

.tab-projects-flex-wrapper {
  gap:var(--small-gap-size);
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  display:flex}

.project-tabs-wrapper select {
  border:1px solid var(--primary-color);
  width:100%;
  font-size:var(--content-font-size);
  font-family:var(--regular-font-family);
  -webkit-appearance:none;
  outline:none;
  padding:1rem}

.project-tabs-wrapper .downArrow {
  font-size:20px;
  position:absolute;
  top:50%;
  right:1rem;
  transform:translateY(-50%)}

.project-tabs-wrapper {
  gap:var(--small-gap-size);
  flex-direction:row;
  flex-basis:20%;
  justify-content:end;
  align-items:center;
  display:flex}

.project-tab-btn {
  cursor:pointer;
  text-align:center;
  border:1px solid var(--primary-color);
  color:var(--primary-color);
  background-color:#0000;
  padding:1rem 1.5rem;
  font-size:1.15rem;
  line-height:1}

.project-tab-btn.active-tab {
  background-color:var(--primary-color);
  color:var(--white-color)}

.career_detail_content br {
  display:none}

.career_detail_content ul {
  flex-direction:column;
  align-items:start;
  gap:.5rem;
  margin-top:1rem;
  padding-left:1.5rem;
  display:flex}

.career_detail_content ul,.career_detail_content ul li {
  list-style-type:disc}

.amenities-text p {
  font-size:var(--paragraph-font-size)}

.valid-icon-of-form {
  z-index:2;
  width:1.4rem;
  display:none;
  position:absolute;
  top:50%;
  right:1rem;
  transform:translateY(-10%)}

.form-control.ng-valid.ng-touched~.valid-icon-of-form {
  display:block}

.new-about-grid-card {
  gap:var(--medium-gap-size);
  align-items:start;
  margin:0 auto;
  padding-top:7rem;
  display:grid}

.about-desc {
  width:56%;
  margin-left:auto}

.section-information {
  align-content:end;
  width:23%}

.fact1 {
  padding-top:2.5rem}

.fact-information {
  gap:7rem;
  width:60%;
  margin:0 auto}

.fact-main {
  gap:10rem}

.about-border2 {
  border:1px solid #d9d9d9;
  height:5rem;
  margin:auto 0;
  rotate:180deg}

.vision1 {
  width:30%}

.vision1 img {
  width:7rem}

.hidden-content {
  opacity:0;
  max-height:0;
  transition:all .5s;
  overflow:hidden}

.show-content {
  opacity:1;
  max-height:500px}

.read-more-btn {
  color:#001871;
  cursor:pointer;
  margin-left:0;
  font-weight:600;
  display:block;
  font-size:16px!important}

.about-text-wrapper p {
  margin:0}

@media only screen and (max-width:1440px) {
  .section-information {
  align-content:end;
  width:33%}

}

@media only screen and (max-width:1024px) {
  .about-desc {
  width:65%;
  margin-left:auto}

.section-information {
  align-content:end;
  width:45%}

.footer-main {
  width:100%}

}

@media only screen and (max-width:991px) {
  .section-information {
  width:fit-content}

.kaleeka-button span {
  font-size:1.5rem!important;
  transform:scale(1.1)translateY(3px)!important}

.button-style-primary:hover {
  border:1px solid var(--primary-color);
  transition:var(--common-transition);
  background-color:#0000}

.button-style-primary:hover span,.button-style-primary:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-primary-outline:hover {
  border:1px solid var(--primary-color);
  transition:var(--common-transition);
  background-color:#0000}

.button-style-primary-outline:hover span,.button-style-primary-outline:hover p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-secondary:hover {
  border:1px solid var(--secondary-color);
  background-color:var(--secondary-color);
  transition:var(--common-transition)}

.button-style-secondary:hover span,.button-style-secondary:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white:hover {
  border:1px solid var(--white-color);
  transition:var(--common-transition);
  background-color:#0000}

.button-style-white:hover span,.button-style-white:hover p {
  color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white-filled:hover {
  border:1px solid var(--white-color);
  background-color:var(--white-color);
  transition:var(--common-transition)}

.button-style-white-filled:hover span,.button-style-white-filled:hover p,.button-blackborder:hover span,.button-blackborder:hover p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.header_home .header-logo {
  filter:unset}

.header-wrapper.header_home .bar {
  background-color:#000}

.header-wrapper.header_active.header_home .header-logo,.header-wrapper.header_active .header-logo,.header-wrapper.header_active .header-logo {
  filter:invert()brightness(100)}

.kaleeka-button {
  border-radius:2.5rem;
  padding:1.25rem 1.5rem}

.submit-button .kaleeka-button {
  border-radius:2.5rem;
  padding:.85rem 1.5rem 1.5rem}

.about-desc {
  width:100%;
  margin-left:unset}

.about-main {
  flex-direction:column;
  gap:2rem}

.new-about-grid-card {
  gap:2rem}

.fact-information {
  gap:4rem;
  width:91%;
  margin:0 auto}

.fact-main {
  gap:7rem}

.vision-main {
  flex-direction:column;
  gap:2rem}

.vision1 {
  width:100%}

}

@media only screen and (max-width:767px) {
  .about-main {
  flex-direction:column;
  gap:2.5rem;
  padding-top:6rem}

.new-about-grid-card {
  gap:2.5rem}

.section-information .section-title64 h2 {
  font-size:56px}

.fact-information {
  flex-direction:column;
  gap:3rem;
  width:100%;
  margin:0 auto}

.fact-main {
  gap:2.5rem;
  width:91%;
  margin:0 auto}

.fact1 .section-subtitle h4,.fact-flex .section-title64 h2,.fact-flex .section-title64 span {
  font-size:32px}

.fact-flex .section-content p {
  font-size:18px}

.fact-section.section-paddinglarge {
  padding:2rem 0}

.vision1-text .section-content p {
  font-size:18px}

.vision-main {
  gap:5rem}

}

#reecosys-template-home-section-3 {
  min-height:80vh}

#reecosys-project-detail-section-1.four-bhk-banner {
  min-height:85vh}

#reecosys-project-detail-section-1 {
  background-color:var(--background-gray);
  min-height:90vh}

.hover-color-link:hover {
  color:var(--secondary-color)!important}

.readmoreText br {
  display:none!important}

.contact-us-iframe {
  width:100%}

.contact-us-iframe iframe {
  width:100%;
  height:50vh;
  display:block}

.flex-wrapgap1 {
  flex-wrap:wrap;
  row-gap:1rem}

.ellips_4 {
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden}

.proximity-list ul {
  flex-direction:column;
  gap:1rem;
  display:flex}

.proximity-list ul>li {
  border-bottom:1px solid #dedede;
  padding:0 0 1rem}

.amenities_popup.proximities_popup {
  width:100%;
  max-width:560px}

.projectListingBtn {
  position:absolute;
  bottom:0;
  right:0}

.section-paragraph.readmoreText p span {
  color:var(--primary-color)}

.section-paragraph.readmoreText.detailReadMore {
  width:80%}

.projectHomeSpecs {
  width:70%}

.actualClickPara p {
  color:#000;
  cursor:pointer;
  transition:var(--common-transition);
  background:0 0;
  border:1px solid #000;
  padding:.5rem}

.actualClickPara p.active,.actualClickPara p:hover {
  color:#000;
  background-color:#00000010;
  border:1px solid #000}

.actualClickPara p.active {
  font-family:var(--semibold-font-family);
  color:var(--white-color);
  background-color:var(--primary-color)}

.compeletedProjectItem a {
  border-bottom:1px solid #dedede;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:2rem 0;
  display:flex}

.compeletedProjectItem:first-of-type a {
  border-top:1px solid #dedede}

.completedProjectIcon {
  width:2rem}

.completedLocaitonFlex {
  flex-basis:15%}

.swati-hero-section {
  aspect-ratio:16/9;
  background-color:#650232;
  width:100%;
  max-height:100vh;
  padding:8rem 0}

.theSampleHouseFlex {
  flex-basis:68%;
  align-items:start;
  gap:0}

.theSampleHouseFlex>div img {
  object-fit:contain;
  height:130px}

.premier-img {
  flex-basis:28%}

.the-img {
  transform:translate(2.5%,12.5%)}

.says-it-all-img {
  transform:translate(2.5%,-7.5%)}

.qr-img {
  flex-basis:38%}

.sampleOverlay {
  background:linear-gradient(-90deg,#650232 50%,#65023200 100%);
  width:200%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  transform:translate(100%)}

.sampleOverlay.revealOverlay {
  animation:2s linear revealOverlay}

@keyframes revealOverlay {
  0% {
  transform:translate(0%)}

20% {
  transform:translate(0%)}

to {
  transform:translate(100%)}

}

.number-img {
  flex-basis:28%;
  align-self:end}

.light-bg-section {
  background-color:var(--background-gray)}

.breathing-font-size {
  font-size:5.5rem}

.yellow-highlight-banner {
  color:#c49d34!important}

.sample-font-szie {
  margin-bottom:.5rem;
  font-family:Poppins-Regular!important;
  font-size:6.5rem!important}

.project-img-list video {
  background-color:var(--background-gray);
  object-fit:cover;
  width:100%;
  height:auto}

iframe {
  display:block!important}

.member_social_icons {
  width:1.5rem}

.form_wrapper {
  flex-direction:column;
  gap:2.5rem;
  display:flex}

.upload-button-wrapper-input {
  z-index:2;
  opacity:0;
  cursor:pointer;
  background-color:#fff;
  width:100%;
  padding:1.25rem 1.5rem;
  position:relative}

.md-lable {
  color:#000;
  text-transform:capitalize;
  font-size:var(--content-font-size);
  font-family:var(--regular-font-family);
  pointer-events:none;
  padding:4px 2px;
  line-height:1;
  transition:all .1s;
  position:absolute;
  top:50%;
  left:1rem;
  transform:translateY(-50%)}

.contact_lable input:focus-visible~label.md-lable,.contact_lable select:focus-visible~label.md-lable,.contact_lable textarea:focus-visible~label.md-lable,.contact_lable input.not_required~label.md-lable,.contact_lable select.not_required~label.md-lable,.contact_lable textarea.not_required~label.md-lable {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:1.5rem;
  transform:translateY(-50%)}

.contact_lable textarea:focus-visible~label.md-lable.contact_us_form,.contact_lable textarea.ng-not-empty~label.md-lable.contact_us_form {
  top:15%!important}

.contact_lable input.ng-not-empty~label.md-lable,.contact_lable textarea.ng-not-empty~label.md-lable,.contact_lable select.ng-not-empty~label.md-lable {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:1.5rem;
  transform:translateY(-50%)}

.contact_lable input:focus-visible~label.md-lable.contact_code,.contact_lable select:focus-visible~label.md-lable.contact_code,.contact_lable textarea:focus-visible~label.md-lable.contact_code,.contact_lable input.not_required~label.md-lable.contact_code,.contact_lable select.not_required~label.md-lable.contact_code,.contact_lable textarea.not_required~label.md-lable.contact_code,.contact_lable input.ng-not-empty~label.md-lable.contact_code,.contact_lable textarea.ng-not-empty~label.md-lable.contact_code,.contact_lable select.ng-not-empty~label.md-lable.contact_code {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:9.5rem;
  transform:translateY(-50%)}

.form-control.ng-invalid.ng-touched~label,.form-control.error~label {
  display:block;
  color:red!important;
  text-transform:capitalize!important}

.form-container {
  width:calc(100% - 32px);
  max-width:59.75rem;
  margin:0 auto}

.upload-button-wrapper.error p {
  color:red!important}

.section-padding-top {
  padding-top:9rem}

.upload-button-wrapper {
  width:100%;
  font-size:var(--content-font-size);
  font-family:var(--regular-font-family);
  background-color:#fafafa;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  padding:1.25rem 1.5rem;
  display:flex;
  position:absolute;
  top:0;
  left:0}

.project_filter_block>div:last-child:after,.project_filter_block>div:nth-child(3):after {
  content:none}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination {
  justify-content:start;
  gap:.5rem;
  width:95%;
  display:flex;
  position:absolute;
  bottom:24%;
  left:50%;
  transform:translate(-50%)}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination .swiper-pagination-bullet {
  opacity:1;
  background-color:#ffffff20;
  border-radius:1rem;
  position:relative;
  overflow:hidden}

.leadership-grid {
  width:70%}

.leadership-section {
  padding-top:10rem}

.leadership-popup {
  z-index:99999;
  background:#001871;
  align-items:center;
  width:60%;
  height:100vh;
  display:flex;
  position:fixed;
  top:0;
  right:0}

.leadership-image-popup {
  width:21.5rem}

.popup-text1 {
  gap:1.25rem;
  width:46%}

.popup-1 {
  justify-content:center}

.popup-logo {
  filter:opacity(.1);
  position:absolute;
  bottom:0;
  right:0;
  overflow:hidden}

.popup-logo img {
  position:relative;
  bottom:-20px;
  right:-15px}

.popup-cross {
  width:3rem;
  position:absolute;
  top:3%;
  right:3%}

.leadership-popup-overlay {
  z-index:99999;
  background:#000000d9;
  justify-content:center;
  align-items:center;
  display:flex;
  position:fixed;
  inset:0}

.leadership-popup {
  z-index:99999;
  scrollbar-width:none;
  width:100%;
  max-width:1100px;
  height:100svh;
  transition:transform .6s;
  position:fixed;
  top:0;
  right:0%;
  overflow:scroll;
  transform:translate(100%)}

.leadership-popup.active {
  transform:translate(0)}

.popup-desc p {
  color:#fff!important}

.popup-cross {
  cursor:pointer;
  z-index:10;
  cursor:pointer;
  z-index:999;
  background:#ffe0e05c;
  border:1px solid #ffffff4d;
  border-radius:50%;
  justify-content:center;
  align-items:center;
  width:50px;
  height:50px;
  transition:all .4s;
  display:flex;
  position:absolute;
  top:30px;
  right:80px}

.popup-cross span {
  background:#fff;
  width:24px;
  height:2px;
  transition:all .4s;
  position:absolute}

.popup-cross span:first-child {
  transform:rotate(45deg)}

.popup-cross span:last-child {
  transform:rotate(-45deg)}

.popup-cross:hover {
  background:#fff;
  transform:rotate(90deg)}

.popup-cross:hover span {
  background:#000}

.popup-cross:active {
  transform:scale(.85)rotate(180deg)}

.popup-overlay {
  -webkit-backdrop-filter:blur(8px);
  opacity:0;
  visibility:hidden;
  z-index:9998;
  background:#0006;
  transition:all .5s;
  position:fixed;
  inset:0}

.popup-overlay.active {
  opacity:1;
  visibility:visible}

.leadership-short-desc {
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  display:-webkit-box;
  overflow:hidden}

.leadership-plus {
  transition:all .4s;
  display:inline-block}

.about-plus:hover .leadership-plus {
  transform:rotate(180deg)scale(1.2)}

.awards-grid {
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  width:70%;
  display:grid}

.award-section-main {
  padding-top:3rem}

.about-border {
  border:1px solid #0003}

.awrds-image {
  background:#ebebeb;
  margin-bottom:2rem}

@media only screen and (max-width:1440px) {
  .popup-logo {
  width:32rem}

}

@media only screen and (max-width:1366px) {
  .leadership-popup {
  width:68%}

}

@media only screen and (max-width:1280px) {
  .leadership-grid {
  width:77%}

.leadership-popup {
  width:75%}

}

@media only screen and (max-width:991px) {
  .award-section-main {
  flex-direction:column;
  gap:2rem}

.popup-desc p {
  font-size:18px!important}

.leadership-popup {
  padding:1.5rem;
  overflow-y:scroll}

.awards-grid {
  width:100%}

.section-padding-top {
  padding-top:0}

.popup-1 {
  transform:unset;
  flex-direction:column;
  justify-content:center;
  gap:2rem}

.popup-text1 {
  gap:1.25rem;
  width:70%;
  margin:0 auto}

.leadership-popup {
  width:100%}

.leadership-image-popup {
  margin:0;
  padding-top:2.5rem}

}

@media only screen and (max-width:767px) {
  .awards-grid {
  grid-template-columns:100%}

.bannerCard {
  height:unset!important;
  aspect-ratio:9/14!important}

.award-section-main .section-subtitle h4 {
  font-size:32px}

.award-section-main {
  padding-top:0}

.awrds-image {
  margin-bottom:1.25rem}

.awards-image-text.section-paragraph2 p {
  font-size:24px}

.awards-padding.section-padding {
  padding:0!important}

.leadership-main .section-subtitle h4 {
  font-size:32px}

.leadership-section {
  flex-direction:column;
  gap:3.5rem}

.leadership-grid {
  width:100%}

.leadership-desc.section-content18 p {
  font-size:18px!important}

.leadership-section {
  padding-top:2.5rem}

.leader-name.section-paragraph2 p {
  font-size:24px}

.leadership-grid .inner-flex-small {
  gap:16px}

.leadership-grid.grid-two-50-50-small {
  gap:3.7rem}

.popup-text1 {
  gap:1.25rem;
  width:100%;
  margin:0 auto}

.popup-logo {
  width:15rem}

.popup-cross {
  width:40px;
  height:40px;
  right:30px}

.awards-swiper .swiper-pagination-bullet {
  opacity:1;
  background:#e4e4e4}

.awards-swiper .swiper-pagination-bullet-active {
  background:#001871}

.awards-swiper .swiper-pagination-bullet {
  width:10px;
  height:10px}

.awards-swiper .swiper-pagination {
  margin-top:2.5rem;
  position:relative;
  bottom:0!important}

}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination .swiper-pagination-bullet:after {
  content:"";
  opacity:1;
  background-color:#fff;
  width:0;
  height:100%;
  transition:all .1s linear;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
  opacity:1;
  background-color:#ffffff20;
  width:5rem}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active:after {
  width:100%;
  transition:all 3.5s linear}

.banner-title-new-home-wrapper {
  text-align:center;
  z-index:5;
  width:100%;
  position:absolute;
  top:30%;
  left:50%;
  transform:translate(-50%,-50%)!important}

.megamenuItem a .project-img-list img,.megamenuItem a .project-img-list {
  transition:var(--common-transition);
  overflow:hidden}

.megamenuItem a:hover .project-img-list img {
  transition:var(--common-transition);
  transform:scale(1.1)}

.project_banner_image img,.project_banner_image {
  aspect-ratio:16/9;
  width:100%}

@media only screen and (max-width:991px) {
  .project_banner_image img,.project_banner_image {
  aspect-ratio:10/12;
  width:100%}

}

.footer-wrapper a.active_page,.footer-wrapper a.active_page p {
  font-family:var(--medium-font-family);
  font-weight:500;
  text-decoration:underline!important}

.common-list-overlay {
  width:100%;
  height:100%;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000060",endColorstr="#00000000",GradientType=1);
  z-index:0;
  background:linear-gradient(#00000001 25%,#00000060 100%);
  transition:all .4s;
  position:absolute;
  bottom:0;
  left:0}

.common-banner-title-abs {
  z-index:2;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)}

.form_wrapper {
  flex-direction:column;
  width:100%;
  margin-left:auto;
  display:flex;
  gap:1.5rem!important}

.form-control {
  font-size:var(--content-font-size);
  border:0px solid var(--primary-color);
  resize:none;
  width:100%;
  color:var(--primary-color);
  font-family:var(--regular-font-family);
  background-color:#fff;
  border-radius:0;
  padding:1.25rem 1.5rem;
  position:relative;
  height:unset!important}

.border-contact {
  border:1px solid #0003;
  margin-bottom:3rem}

.get {
  width:65%}

.upload-button-wrapper-input {
  z-index:2;
  opacity:0;
  cursor:pointer;
  width:100%;
  padding:1.25rem 1.5rem;
  position:relative}

.contact_lable {
  position:relative}

.contact_lable .contact-form {
  padding-left:9.5rem!important}

.select_apr .fa-icon {
  font-size:22px;
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%)}

.md-lable {
  text-transform:capitalize;
  font-size:var(--content-font-size);
  font-family:var(--regular-font-family);
  pointer-events:none;
  padding:4px 2px;
  line-height:1;
  transition:all .1s;
  position:absolute;
  top:50%;
  left:1rem;
  transform:translateY(-50%);
  color:#0000007a!important}

.contact_lable input:focus-visible~label.md-lable,.contact_lable select:focus-visible~label.md-lable,.contact_lable textarea:focus-visible~label.md-lable,.contact_lable input.not_required~label.md-lable,.contact_lable select.not_required~label.md-lable,.contact_lable textarea.not_required~label.md-lable,.contact_lable input.ng-not-empty~label.md-lable,.contact_lable textarea.ng-not-empty~label.md-lable,.contact_lable select.ng-not-empty~label.md-lable {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:1.5rem;
  transform:translateY(-50%);
  display:none!important}

.contact_lable input:focus-visible~label.md-lable.contact_code,.contact_lable select:focus-visible~label.md-lable.contact_code,.contact_lable textarea:focus-visible~label.md-lable.contact_code,.contact_lable input.not_required~label.md-lable.contact_code,.contact_lable select.not_required~label.md-lable.contact_code,.contact_lable textarea.not_required~label.md-lable.contact_code {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:9.5rem;
  transform:translateY(-50%);
  display:none!important}

.form-control-gray {
  background-color:#fafafa!important}

.contact_lable input.ng-not-empty~label.md-lable.contact_code,.contact_lable textarea.ng-not-empty~label.md-lable.contact_code,.contact_lable select.ng-not-empty~label.md-lable.contact_code {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:9.5rem;
  transform:translateY(-50%)}

.default_lable {
  transition:all .3sease;
  background:var(--white-color);
  z-index:5;
  color:var(--primary-color);
  padding:0;
  font-size:12px;
  top:25%;
  left:1.5rem;
  transform:translateY(-50%)}

.md-lable-address {
  top:25%}

.select_apr select {
  appearance:none}

.form-control:focus {
  border-color:var(--primary-color);
  outline:0;
  -webkit-box-shadow:unset!important;
  box-shadow:unset!important}

.form-control.error~label {
  display:block;
  color:red!important;
  text-transform:capitalize!important}

.form-control.error~label sup {
  color:red!important;
  text-transform:capitalize!important}

label.error {
  color:red;
  margin-top:.1rem;
  padding-left:0;
  font-size:.9rem;
  display:block;
  position:absolute;
  display:none!important}

.contact_lable.commentbox .md-lable {
  top:2rem}

.upload-button-wrapper img {
  width:1.5rem}

.upload-button-wrapper {
  width:100%;
  font-family:var(--regular-font-family);
  background-color:#fff;
  align-items:center;
  gap:.5rem;
  height:100%;
  padding:1.25rem 1.5rem;
  display:flex;
  position:absolute;
  top:0;
  left:0}

.other_message {
  text-align:right;
  color:var(--gray-color);
  align-items:center;
  padding-top:.3rem;
  font-size:.85rem;
  display:flex;
  position:absolute;
  bottom:0;
  right:0;
  transform:translateY(100%)}

.vendor_count_text {
  text-align:right;
  padding-bottom:1rem}

.vendor_count_text span {
  font-size:var(--paragraph-font-size)}

.vendor_count_text span:last-child {
  font-size:var(--content-font-size)}

.get_update_text input[type=checkbox] {
  width:20px;
  max-width:20px;
  height:20px;
  max-height:20px;
  accent-color:var(--primary-color);
  margin:0}

.get_update_text {
  align-items:center;
  gap:.5rem;
  display:flex}

.project_filter_block {
  background-color:#0000;
  border:1px solid #f8f9fb;
  grid-template-columns:25% 25% 25% 25%;
  align-items:center;
  padding:0;
  display:grid}

.filter_button.filter_button_web .venus-btn-div.button-black-filled {
  height:60px!important;
  margin:0!important}

.project_filter_block.filterActive {
  grid-template-columns:42.5% 42.5% 10% 5%}

.project_filter_block>div {
  background-color:#f8f9fb;
  border-right:1px solid #f8f9fb;
  padding:1rem 1.5rem;
  position:relative}

.project_filter_block>div:after {
  content:"";
  background-color:#aaa;
  width:1px;
  height:60%;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%)}

.project_filter_block>div:last-child {
  border-right:0!important}

.project_filter_block>div:last-child:after,.project_filter_block>div:nth-child(3):after {
  content:none}

.project_filter_block.filterActive .filter_button.filter_button_close {
  place-items:center;
  display:grid}

.project_filter_block .filter_button.filter_button_close {
  display:none}

.filter_dropdown option {
  padding:1rem 0;
  font-size:1.5rem}

.project_filter_div {
  flex-direction:column;
  gap:.5rem;
  display:flex}

.project_filter_div select {
  opacity:1;
  opacity:0;
  width:100%;
  font-family:var(--regular-font-family);
  padding:.5rem;
  font-size:1rem}

.project_filter_text {
  justify-content:space-between;
  align-items:center;
  width:100%;
  display:flex;
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%)}

.project_filter_arrow {
  width:1.2rem}

.filter_title p {
  font-size:var(--link-font-size);
  opacity:.7}

.search_bar_box {
  background-color:#202020;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:2.2rem;
  display:flex}

.mobile_search_box {
  -webkit-backdrop-filter:blur(20px);
  z-index:9;
  opacity:0;
  visibility:hidden;
  z-index:9999;
  background-color:#292929b8;
  width:100%;
  padding:1rem;
  transition:all .2s ease-in;
  position:absolute;
  top:0;
  left:0}

.mobile_search_box.active {
  opacity:1;
  visibility:visible}

.mobile_search_box>div:not(:last-child) {
  border-bottom:1px solid #ccc;
  padding:1rem 0}

.mobile_search_box>div:first-child {
  padding-top:0}

.property_open_arrow {
  width:1.5rem}

.find_property_text p {
  font-size:var(--content-size)}

.search_close_click {
  filter:invert();
  width:1.2rem;
  margin-left:auto;
  border:unset!important;
  padding:0!important}

.filter-division-venus {
  margin-bottom:2rem}

.const-image img,.well-good-will-relative.relative img {
  width:100%!important}

.filter_button {
  place-items:center;
  display:grid}

.filter_button button p {
  color:var(--white-color)}

.filter_button button:hover p {
  color:var(--secondary-color)}

.filter_button button {
  width:60%;
  border:1px solid var(--secondary-color)!important;
  box-shadow:none!important;
  background-color:var(--secondary-color)!important;
  border-radius:3.5rem!important;
  outline:none!important;
  padding:1rem 2rem!important}

.filter_button button:hover {
  background-color:#0000!important}

.no-project {
  font-size:var(--section-title-font-size);
  font-family:var(--semibold-font-family);
  text-align:center;
  margin:3rem 0}

.homeBannerSwiper .slide-inner {
  background-position:50%;
  background-size:cover;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0}

.swiper-pagination.homeSwiperPagination {
  justify-content:start;
  gap:.5rem;
  width:95%;
  display:flex;
  position:absolute;
  bottom:10%;
  left:50%;
  transform:translate(-50%)}

.swiper-pagination.homeSwiperPagination .swiper-pagination-bullet {
  opacity:1;
  background-color:#ffffff20;
  border-radius:1rem;
  position:relative;
  overflow:hidden}

.swiper-pagination.homeSwiperPagination .swiper-pagination-bullet:after {
  content:"";
  opacity:1;
  background-color:#fff;
  width:0;
  height:100%;
  transition:all .1s linear;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden}

.swiper-pagination.homeSwiperPagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active {
  opacity:1;
  background-color:#ffffff20;
  width:5rem}

.swiper-pagination.homeSwiperPagination .swiper-pagination-bullet-active.swiper-pagination-bullet-active:after {
  width:100%;
  transition:all 3.5s linear}

.homeBannerOverlayOne,.homeBannerOverlaytwo {
  height:100%;
  transition:var(--common-transition);
  z-index:1;
  width:100%;
  position:absolute;
  top:0;
  left:0}

.homeBannerOverlayOne {
  opacity:.5;
  background:linear-gradient(275deg,#0000 67%,#000 97%)}

.homeBannerOverlaytwo {
  opacity:.6;
  background:linear-gradient(#0000 78%,#000 100%)}

.piramyd-banner-section .bannerImg,.piramyd-banner-section .bannerImg img {
  width:100%;
  height:90vh;
  position:relative}

.homeBannerSwiper .swiper-slide {
  color:#fff;
  justify-content:center;
  align-items:center;
  font-size:22px;
  font-weight:700;
  display:flex;
  overflow:hidden}

.bannerText {
  text-align:left;
  z-index:9;
  align-items:start;
  width:95%;
  position:absolute;
  bottom:28%;
  left:50%;
  transform:translate(-50%)}

.scroll-to-bottom {
  z-index:55;
  position:absolute;
  top:60%;
  left:50%;
  transform:translate(-50%,-50%)}

.project-header-content.megamenu {
  background-color:#fff}

.megamenu-wrapper {
  z-index:99;
  background-color:#fff;
  width:100%;
  padding-top:7rem;
  position:fixed;
  top:0;
  left:0}

.socialInitiativeImg img {
  width:auto;
  margin:0 auto}

.megamenugrid {
  grid-template-columns:100%;
  justify-content:space-between;
  align-items:end;
  padding:1rem 3rem 3rem;
  display:grid}

.megamenuContent {
  flex-wrap:wrap;
  justify-content:end;
  gap:2rem;
  display:flex}

.megamenuContent .megamenuItem {
  flex-basis:calc(20% - 1.6rem)}

.megamenuContent .megamenuItem .megamenuText {
  width:calc(100% - 2rem);
  position:absolute;
  bottom:1rem;
  left:50%;
  transform:translate(-50%)}

.project-header-content.megamenu .megamenugrid img {
  filter:invert(0)}

.megamenu_overlay {
  z-index:0;
  background:linear-gradient(210deg,#00000020 20%,#0000 33%);
  width:100%;
  height:100%;
  transition:all .4s;
  position:absolute;
  top:0;
  left:0}

.megamenu_overlay_2 {
  z-index:0;
  background:linear-gradient(380deg,#00000040 5%,#0000 65%);
  width:100%;
  height:100%;
  transition:all .4s;
  position:absolute;
  top:0;
  left:0}

.megamenuStatus {
  z-index:9;
  border:1px solid var(--white-color);
  background-color:#ffffff40;
  padding:.25rem .5rem;
  position:absolute;
  top:1rem;
  right:1rem}

.animationOverlay,.bannerAnimationOVerlay {
  z-index:9;
  background:#2e2f2f;
  width:100%;
  height:100%;
  transition:all 2s;
  position:absolute;
  top:0;
  left:0}

.bannerAnimationOVerlay.active {
  top:100%}

.project_banner_image img,.project_banner_image {
  height:auto}

.megamenuItem .megamenuText .section-paragraph p,.megamenuItem .megamenuImg img {
  transition:var(--common-transition)}

.megamenuItem:hover .megamenuImg img {
  transform:scale(1.1)}

.megamenuItem.active .megamenuText .section-paragraph p,.megamenuItem:hover .megamenuText .section-paragraph p {
  color:var(--secondary-color)!important}

.footer-wrapper a.active_page,.footer-wrapper a.active_page p {
  text-decoration:underline}

.quick {
  gap:6.25rem}

.bottomStrip {
  cursor:pointer;
  background:var(--theme-gradient);
  z-index:9;
  border-radius:1.5rem;
  flex-direction:row;
  gap:.5rem;
  width:fit-content;
  padding:.75rem 1.25rem;
  transition:transform .5s;
  display:flex;
  position:fixed;
  bottom:-2.5rem;
  right:2.5rem}

.icon-inquire0now {
  width:1.25rem}

.bottomStrip.showStrip {
  transition:transform .5s;
  bottom:2.5rem}

.bottomStrip.hide-strip,.bottomStrip.showStrip.hide-strip {
  transition:transform .5s;
  transform:translateY(100%)}

.bottomStripFlex {
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:4rem;
  display:flex}

.bottomSubFlex {
  align-items:center;
  gap:3rem;
  display:flex}

.bannerCard {
  aspect-ratio:16/9;
  height:unset!important}

.status-lable {
  border-radius:.25rem;
  width:max-content;
  padding:.5rem .75rem;
  position:absolute;
  top:1rem;
  right:1rem}

.footer-wrapper .section-content .status-lable p,.header-navigation-links ul li a .status-lable p,.header-navigation-links ul li a:hover .status-lable p,.status-lable p {
  color:var(--white-color)!important;
  text-transform:uppercase!important;
  font-size:.813rem!important;
  line-height:1!important;
  font-family:var(--medium-font-family)!important}

.detail-status-lable.status-lable {
  position:absolute;
  top:-2rem;
  left:0}

.status-lable,.status-under-construction {
  background:linear-gradient(90deg,#320b06 0%,#bc7241 100%)}

.status-completed {
  background:linear-gradient(90deg,#0f5132 0%,#198754 100%)}

.status-upcoming,.status-newly-launched {
  background:linear-gradient(90deg,#320047 0%,#950992 100%)}

.status-ready-to-move-in,.status-ready-to-move {
  background:linear-gradient(90deg,#ff7b00 0%,#ffc300 100%)}

.status-possession-soon {
  background:linear-gradient(90deg,#004e64 0%,#00a896 100%)}

.visible-tab-mobile {
  display:none!important}

.header-links-catagory.active {
  opacity:0;
  pointer-events:none}

.visible-mobile-only {
  display:none!important}

.accordion-block .section-paragraph p.header-title.capitalize,.header-navigation-links ul li a p.header-title.capitalize {
  font-size:1.5rem!important;
  font-family:var(--medium-font-family)!important}

.main-container.detail-highlight-wrapper {
  max-width:1100px;
  margin:0 auto}

.philosophy-sec p span,.philosophy-sec p.light-fonts {
  font-family:var(--light-font-family);
  color:#fff;
  opacity:.9;
  font-style:italic}

.philosophy-sec p {
  line-height:1.5}

.philosophy-sec {
  background-color:#000;
  padding:10rem 0}

.parshwaShahImg {
  width:20.75rem;
  margin:0 auto}

.philosophy-sec p {
  font-size:2rem}

.contactData-span p span {
  opacity:0;
  transition:var(--common-transition);
  color:#001871}

.contactData-span p:hover,.contactData-span p:hover span {
  opacity:1;
  transition:var(--common-transition);
  color:#001871}

.certifications-grid {
  grid-template-columns:repeat(4,1fr);
  gap:5rem;
  width:100%;
  display:grid}

@media only screen and (max-width:991px) {
  .bottomStrip p {
  font-size:14px!important;
  line-height:1.3!important}

.icon-inquire0now {
  width:20px}

.bottomStrip {
  border-radius:2.5rem;
  padding:.95rem 1.75rem;
  bottom:-2rem;
  right:1.5rem}

.bottomStrip.showStrip {
  bottom:2rem}

}

.media-headline p {
  font-family:var(--semibold-font-family);
  font-size:1.5rem}

.media-date p {
  font-family:var(--light-font-family);
  font-size:1.25rem}

.media-grid {
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  display:grid}

@media only screen and (min-width:991px) {
  .media-grid {
  row-gap:4.5rem!important}

}

.media-img img {
  border:1px solid #e5e5e5;
  width:100%;
  height:auto}

.media-publication {
  color:#000;
  background:#f5f5f5;
  border-radius:4px;
  margin-top:1.5rem;
  padding:6px 12px;
  font-size:14px;
  display:inline-block}

.media-grid a .media-headline p {
  transition:var(--common-transition)}

.media-grid a:hover .media-headline p {
  color:var(--secondary-color);
  transition:var(--common-transition)}

.home-banner-section {
  aspect-ratio:16/9}

.animated-radial-bg {
  background:#320b06;
  position:relative;
  overflow:hidden}

.min-height-wapper {
  min-height:110vh}

.animated-radial-bg:before {
  content:"";
  filter:blur(40px);
  background:radial-gradient(circle,#bc7241e6 0%,#bc724199 25%,#bc724133 50%,#0000 75%);
  width:140%;
  height:140%;
  animation:10s ease-in-out infinite alternate floatingGlow;
  position:absolute;
  top:-20%;
  left:-20%}

@keyframes floatingGlow {
  0% {
  transform:translate(-12%,-8%)scale(1)}

25% {
  transform:translate(10%,-4%)scale(1.15)}

50% {
  transform:translate(15%,8%)scale(1.25)}

75% {
  transform:translate(-5%,12%)scale(1.1)}

to {
  transform:translate(-12%,-8%)scale(1)}

}

.animated-radial-bg:after {
  content:"";
  filter:blur(80px);
  background:radial-gradient(circle,#bc724159 0%,#0000 70%);
  width:120%;
  height:120%;
  animation:10s ease-in-out infinite alternate floatingGlow2;
  position:absolute;
  bottom:-30%;
  right:-30%}

@keyframes floatingGlow2 {
  0% {
  transform:translate(0)scale(1)}

to {
  transform:translate(-15%,-10%)scale(1.3)}

}

.up-zindex {
  z-index:15;
  position:relative}

.animated-gradient-bg {
  background:linear-gradient(135deg,#320b06 0%,#bc7241 35%,#320b06 70%,#bc7241 100%) 0 0/300% 300%;
  animation:10s infinite gradientMove2;
  position:relative;
  overflow:hidden}

@keyframes gradientMove2 {
  0% {
  background-position:0%}

25% {
  background-position:100% 30%}

50% {
  background-position:100% 100%}

75% {
  background-position:0 70%}

to {
  background-position:0%}

}

@media only screen and (max-width:1680px) {
  html {
  font-size:15px}

}

@media only screen and (max-width:1450px) {
  html {
  font-size:14px}

.mini-container {
  width:70%;
  margin:0s auto}

s .overview-new-grid {
  grid-template-columns:65%}

.lcoation-view-grid-swati {
  background:var(--background-gray);
  padding:3rem}

.completedLocaitonFlex {
  flex-basis:28%}

.theSampleHouseFlex>div img {
  height:110px}

.theSampleHouseFlex>div.sample-house-img img {
  height:100px}

}

@media only screen and (max-width:1366px) {
  html {
  font-size:13px}

.home-listing-banner img {
  object-fit:cover;
  height:90svh}

.menubar.active .bar.bar-top {
  transform:translateY(6px)rotate(-45deg)}

.menubar.active .bar.bar-bottom {
  transform:translateY(-6px)rotate(45deg)}

}

@media only screen and (max-width:1280px) {
  .theSampleHouseFlex>div img {
  height:100px}

.theSampleHouseFlex>div.sample-house-img img {
  height:90px}

}

@media only screen and (max-width:1152px) {
  html {
  font-size:12px}

.mini-container {
  width:80%;
  margin:0 auto}

.specs_data {
  min-height:280px}

.thankyou-title h1 {
  font-size:5rem}

.completedLocaitonFlex {
  flex-basis:18%}

.certifications-grid {
  gap:1.5rem}

}

@media only screen and (max-width:1024px) {
  .theSampleHouseFlex>div img {
  height:75px}

.theSampleHouseFlex>div.sample-house-img img {
  height:70px}

html {
  font-size:11px}

.completed-project-list-grid {
  grid-template-columns:repeat(3,1fr)}

.location-50 {
  width:80%}

}

@media only screen and (max-width:991px) {
  html {
  font-size:12px}

.bottomEnquirybtn {
  width:100%}

.visible-tab-mobile {
  display:block!important}

.hide-tab-mobile {
  display:none!important}

.mobile_menu_wrapper {
  width:40%}

.flex-col-teb {
  flex-direction:column}

.inner-flex-big {
  gap:6rem}

.alstart {
  align-items:flex-start}

.project-footer-accordion a {
  justify-content:space-between;
  display:flex}

.header-navigation-links ul li a:hover .project_status_lable_footer p,.header-navigation-links ul li a:hover .project_status_lable p,.project_status_lable_footer p,.project_status_lable p {
  color:var(--white-color)!important;
  font-size:12px!important}

.footer-gray {
  font-size:13px}

.projectListingBtn {
  bottom:unset;
  right:unset;
  margin-top:1.5rem;
  position:relative}

.socail-footer-flex {
  margin-top:-2.1rem;
  margin-left:0;
  margin-bottom:1.5rem!important}

.footer-text {
  font-size:17px}

.section-footer-title p {
  font-size:24px}

.common-icon {
  width:26px;
  min-width:26px}

.footer-row .footer-row-icon {
  width:1.5rem;
  transform:translateY(2px)}

.gallery-tab-images {
  grid-template-columns:calc(50% - .25rem) calc(50% - .25rem)!important;
  width:100%!important;
  display:grid!important}

.actualClickPara p {
  padding:1rem}

.w100mob {
  flex-basis:100%!important;
  width:100%!important}

#reecosys-project-detail-section-4 .inner-flex-center {
  align-items:start}

#reecosys-project-detail-section-4 .text-center {
  text-align:left;
  padding:0}

#reecosys-detail-section-get-touch .inner-flex-center,#reecosys-detail-section-get-touch .alc,#reecosys-detail-section-get-touch .j-c-c,#reecosys-project-detail-section-5 .inner-flex-center,#reecosys-project-detail-section-5 .alc,#reecosys-project-detail-section-5 .j-c-c {
  justify-content:start!important;
  align-items:start!important}

#reecosys-detail-section-get-touch .text-center,#reecosys-project-detail-section-5 .text-center {
  text-align:left}

ul.quicklinks-footer.quicklinks-footer-mobile>li {
  border-bottom:1px solid #e1e1e1;
  padding-bottom:1rem}

.footer-content-accordian ul li {
  border-bottom:0!important}

.project-footer-accordion .project-links ul li p a {
  font-size:var(--section-content)}

.project-footer-accordion .project-links.footer-content-accordian li {
  border:0;
  padding:0;
  display:block}

.footer-content-accordian {
  height:100%;
  max-height:0;
  transition:var(--common-transition);
  overflow:hidden}

.footer-content-accordian .ellipsis-1 {
  font-size:1.15rem!important}

.footer-content-accordian.active_list {
  transition:var(--common-transition);
  height:unset;
  max-height:unset;
  display:block!important}

.footer-wrapper .section-content .project_status_lable_footer p,.project_status_lable p {
  font-size:12px!important;
  font-family:var(--regular-font-family)!important;
  color:var(--white-color)!important}

.project-footer-accordion>div.active .down_arrow_footer .manu-accordian-downarrow {
  display:none}

.project-footer-accordion>div.active .down_arrow_footer .manu-accordian-uparrow {
  display:block}

.project-list-grid-2-column {
  gap:var(--medium-gap-size);
  grid-template-columns:100%}

.homes-image-contact {
  object-fit:cover;
  height:60svh}

.mini-container {
  width:95%;
  margin:0 auto}

.project-amenities-grid {
  border:none;
  grid-template-columns:100%;
  padding:0}

.projectBannerFlex {
  top:unset;
  transform:unset;
  text-align:left;
  width:100%;
  padding:0 15px;
  bottom:3rem;
  left:0}

.project-info-flex p {
  text-align:left}

.inner-flex-medium {
  gap:2rem}

.project_gallery_grid {
  grid-template-columns:repeat(2,1fr)}

.project_detail_inquiry_form {
  width:100%}

.inner-flex-tab {
  flex-direction:column;
  display:flex}

.highlights-grid>div {
  border-bottom:0 solid #dedede;
  padding:1rem 0}

.completed-project-list-grid>div {
  flex-basis:calc(50% - 3rem);
  width:calc(50% - 3rem)}

.specificationGrid {
  grid-template-columns:100%}

.grid-two-45-55 {
  grid-template-columns:100%;
  align-items:start;
  gap:2rem;
  display:grid}

.highlight-swati-card-wrapper,.grid-two-50-50-small {
  grid-template-columns:100%;
  gap:2rem;
  display:grid}

.highlight-sqft-div {
  margin:2rem 0}

.banner-title.section-title-highlight-inner h2 {
  font-size:4.5rem!important;
  font-family:var(--black-font-family)!important}

.filter-flex-wrapper {
  grid-template-columns:100%;
  align-items:center;
  gap:2rem;
  display:grid}

.filter_button button {
  width:100%}

.filter_button button:hover p {
  color:var(--secondary-color)!important}

.why-swati-card-img1 {
  width:60%}

.why-swati-card-img2 {
  width:65%;
  margin-left:auto;
  margin-right:0}

.why-swati-grid-card2 {
  margin-top:10%;
  margin-bottom:10%}

.why-swati-grid-card3 {
  margin-left:0}

.why-swati-card-img3 {
  width:65%}

.why-swati-card-img4 {
  width:65%;
  margin-left:auto;
  margin-right:0%}

.why-swati-grid-card4 {
  margin-top:15%}

.other-pages-grid-swati {
  gap:var(--small-gap-size);
  grid-template-columns:repeat(2,1fr);
  grid-template-areas:"cp cp""vn vn""cr cr";
  display:grid}

.other-pages-home-card-img.relative>img {
  height:50vh}

.other-pages-content-flex .section-textpara {
  width:100%;
  max-width:100%}

.blogs-wrapper-flex {
  gap:var(--medium-gap-size);
  flex-direction:column;
  align-items:start;
  display:flex}

.blogs-wrapper-flex>div:first-child {
  width:100%;
  min-height:unset;
  flex-direction:row;
  flex-basis:100%;
  align-items:end;
  padding:0 1.5rem}

.footer-wrapper .section-content p {
  font-size:18px!important}

.footer-wrapper .accordionClick p {
  color:#fff;
  font-size:24px!important;
  font-family:var(--semibold-font-family)!important}

.footer-wrapper .web_copyright.section-content p,.footer-wrapper .footer-power.section-content p {
  font-size:16px!important}

.contact-flex {
  gap:.4rem;
  margin-bottom:.4rem}

.flex-col-mob {
  flex-direction:column!important;
  align-items:start!important}

.flex-row-5050-mob {
  flex-basis:100%;
  width:100%;
  display:flex}

.walkthrough-project-thumb .walk-thumbnail-image iframe {
  height:50vh}

.list-panel-ul.section-subtitle {
  flex-basis:100%;
  width:100%;
  margin-top:1.5rem}

.about-center-image {
  height:50vh}

.accordion-block .section-paragraph p,.header-navigation-links ul li a p {
  transition:var(--common-transition);
  font-size:1.15rem}

.main-container-left {
  width:100%;
  margin:0 0 0 auto}

.blogs-wrapper-flex>div:nth-child(2) {
  flex-basis:100%;
  width:100%}

.reecosys_bulletin_swiper .swiper-container {
  padding:0 1.5rem}

.new-detail-banner-abs-flex {
  grid-template-columns:100%;
  justify-content:start;
  align-items:start;
  gap:3rem}

.new-detail-highlight-grid {
  gap:var(--small-gap-size);
  row-gap:var(--small-gap-size);
  grid-template-columns:repeat(2,1fr)}

.project-glaery-overlay,.project-enlarge-icons-galeery {
  display:none!important}

.button-style-primary:hover {
  border:1px solid var(--primary-color);
  background-color:var(--primary-color);
  transition:var(--common-transition)}

.button-style-primary:hover p,.button-style-primary:hover span {
  color:var(--white-color)}

.button-style-secondary:hover {
  border:1px solid var(--secondary-color);
  background-color:var(--secondary-color);
  transition:var(--common-transition)}

.button-style-secondary:hover p,.button-style-secondary:hover span {
  color:var(--white-color)}

.view-all-projects-btn-home,.view-all-projects-btn-home a,.view-all-projects-btn-home button,.project-tabs-wrapper {
  flex-basis:100%!important;
  width:100%!important}

.project-tab-btn {
  text-align:center;
  flex-basis:calc(33.3333% - .75rem);
  width:calc(33.3333% - .75rem)}

#reecosys-project-detail-section-1 {
  min-height:unset;
  background-color:var(--background-gray)}

.footer-navigation-link-contact {
  margin-left:0;
  padding:1.2rem 1.5rem 1.2rem 0}

.footer-mb {
  gap:3.3rem}

.socail-footer-flex li,.footer-navigation-link-contact li {
  border-bottom:0!important;
  padding-bottom:0!important}

.completedLocaitonFlex {
  flex-basis:28%}

.swatiPremierBanner {
  flex-direction:column-reverse;
  gap:5rem}

.premier-img {
  width:30%}

.theSampleHouseFlex {
  flex-basis:100%;
  align-items:center;
  gap:0;
  width:80%}

.theSampleHouseFlex>div.sample-house-img,.theSampleHouseFlex>div.sample-house-img img {
  width:100%;
  height:auto}

.qrFlex {
  flex-direction:column;
  width:35%;
  margin:0 auto}

.number-img {
  align-self:center;
  width:100%}

.media-grid {
  grid-template-columns:repeat(2,1fr);
  gap:2rem}

}

.down_arrow_footer {
  max-width:25px}

.accordionClick {
  justify-content:space-between;
  width:100%;
  display:flex}

@media (max-width:767px) {
  .hidden-xs {
  display:none!important}

.visible-mobile-only {
  display:block!important}

.hide-mobile-only {
  display:none!important}

.media-grid {
  grid-template-columns:100%;
  gap:64px}

.get {
  width:100%}

}

@media (min-width:768px) and (max-width:991px) {
  .hidden-sm {
  display:none!important}

.chatBtn {
  display:block}

.chatBtn,.chatBtn button {
  width:100%}

.inquiry_popup {
  width:45%}

}

.arrowBtn {
  display:none}

h2.highlights-counter * {
  color:#fff!important}

@media (max-width:1780px) {
  .main-container-fluid {
  max-width:1680px}

.main-container {
  max-width:1520px}

.mini-container {
  max-width:1400px}

}

@media (max-width:1660px) {
  .main-container-fluid {
  max-width:1550px}

.main-container {
  max-width:1440px}

.mini-container {
  max-width:1320px}

}

@media (max-width:1580px) {
  .main-container-fluid {
  max-width:1400px}

.main-container {
  max-width:1300px}

.mini-container {
  max-width:1260px}

}

@media (max-width:1440px) {
  .main-container-fluid {
  max-width:1300px}

.main-container {
  max-width:1260px}

.mini-container {
  width:100%;
  max-width:1160px}

}

@media (max-width:1366px) {
  .main-container-fluid {
  max-width:1240px}

.main-container {
  max-width:1180px}

.mini-container {
  max-width:1080px}

.footer-contact-link {
  max-width:320px}

}

@media (max-width:1280px) {
  .main-container-fluid {
  max-width:1100px}

.main-container {
  max-width:1024px}

.mini-container {
  max-width:991px}

.footer-wrapper .mini-container {
  max-width:1080px}

}

@media (max-width:1152px) {
  .main-container-fluid {
  max-width:1080px}

.main-container {
  max-width:980px}

.mini-container,.footer-wrapper .mini-container {
  max-width:900px}

.footer-logo {
  width:9rem}

.footer-contact-link {
  max-width:280px}

}

@media (max-width:1024px) {
  .main-container-fluid {
  max-width:96%}

.main-container {
  max-width:94%}

.mini-container {
  max-width:92%}

}

@media only screen and (max-width:991px) {
  .footer-wrapper .mini-container {
  max-width:100%;
  padding:0 1.5rem}

.nb-footer-ul-heading h4,.footer-wrapper .section-content p {
  color:#fff}

.down_arrow_footer img {
  filter:invert()brightness(100)}

}

@media only screen and (max-width:767px) {
  html {
  font-size:13px}

.arrowBtn {
  display:block}

.mobile_menu_wrapper {
  width:100%}

.gallery-image-grid {
  grid-template-columns:repeat(1,1fr);
  grid-template-areas:"g1""g2""g3""g4""g5""g6";
  display:grid}

.btns-midflex-detail {
  gap:var(--small-gap-size);
  margin-top:var(--small-gap-size);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex}

.btns-midflex-detail>a,.btns-midflex-detail>div {
  flex-basis:100%;
  width:100%!important}

.locationFlex {
  flex-direction:column;
  align-items:start;
  gap:2rem}

#reecosys-project-detail-section-8 .main-container {
  margin:0;
  padding:0;
  width:100%!important}

.lcoation-view-grid-swati {
  padding:1.5rem}

.project_detail_inquiry_form .form_wrapper>div:first-child,.project_detail_inquiry_form .form_wrapper>div:nth-child(2),.project_detail_inquiry_form .form_wrapper>div:nth-child(3),.project_detail_inquiry_form .form_wrapper>div:nth-child(4) {
  flex-basis:100%!important;
  width:100%!important}

.sunmit-project-btn .kaleeka-button,.sunmit-project-btn {
  width:100%}

.inner-flex-big {
  gap:3rem}

.flex-col-mob {
  flex-direction:column}

.sec5_location {
  width:100%}

.mini-container {
  width:95%}

.section-padding {
  padding:64px 0}

.list-panel-ul ul li:after {
  right:-.5rem}

.inner-flex-medium {
  gap:2rem}

.project_banner_image img,.project_banner_image {
  height:auto}

.footer-navigation-link-contact {
  margin-left:0;
  padding:1.2rem 1.5rem 1.8rem 0}

.socail-footer-flex li,.footer-navigation-link-contact li {
  border-bottom:0!important;
  padding-bottom:0!important}

.socail-footer-flex {
  margin-bottom:40px!important}

.banner-title h1,.banner-title h1 span,.banner-title h2,.banner-title h2 span,.section-title-big h1,.section-title-big h1 span,.section-title-big h2,.section-title-big h2 span {
  font-size:2.5rem}

.section-subtitle h4,.section-subtitle h4 span {
  font-size:1.75rem;
  font-family:var(--semibold-font-family);
  color:var(--primary-color)}

.highlightGrid>div:after {
  content:none}

.highlightGrid>div {
  border-top:1px solid #8e919450;
  border-right:none;
  flex-basis:100%;
  padding-right:0}

.accordion-block .section-paragraph p,.header-navigation-links ul li a p {
  font-family:var(--semibold-font-family)!important}

#reecosys-template-home-section-3 {
  min-height:120vh}

.highlightGrid>div:last-child {
  border-bottom:1px solid #8e919450}

.highlightGrid {
  gap:0}

.walk-thumbnail-image {
  height:unset}

.walk-thumbnail-image img {
  height:400px}

.walkthrough-banner-content {
  width:100%}

.section-title h1,.section-title h1 span,.section-title h2,.section-title h2 span {
  font-size:30px}

.banner-title-big h1,.banner-title-big h1 span,.banner-title-big h2,.banner-title-big h2 span {
  font-size:32px}

.home-banner-nb-new.relative {
  aspect-ratio:67/105!important}

.highlights-for-homes .banner-title-big h1,.highlights-for-homes .banner-title-big h1 span,.highlights-for-homes .banner-title-big h2,.highlights-for-homes .banner-title-big h2 span {
  font-size:30px}

#certifications-associations .inner-flex.inner-flex-medium.inner-flex-center,.animated-gradient-bg .inner-flex.inner-flex-medium.inner-flex-center {
  align-items:flex-start;
  text-align:left!important}

.section-paddinglarge {
  padding:5rem 0}

.project_gallery_grid {
  grid-template-columns:repeat(2,1fr)}

.amenities-grid {
  grid-template-columns:repeat(2,1fr);
  display:grid}

.project-map-iframe iframe {
  height:400px}

.thankyou-title h1 {
  font-size:4rem}

.footer-subscribe {
  flex-basis:100%;
  width:100%}

.common-banner-title-abs {
  width:95%}

.inquiry_popup {
  width:100%;
  right:0;
  top:unset;
  bottom:-100%}

.flex-wrapgap1 {
  flex-wrap:unset;
  flex-direction:column;
  row-gap:.5rem}

.flex-mb-clm {
  flex-direction:column!important;
  justify-content:start!important;
  align-items:start!important}

.ellipsis-1,.section-textpara p,.section-textpara p span,.section-textpara span {
  line-height:1.5;
  font-size:1.15rem!important}

.locationicon-margin {
  margin-top:-2.25rem;
  margin-left:2.5rem}

.inquiry_popup.inqury_active {
  bottom:0}

.inner-flex-mob {
  flex-direction:column;
  display:flex}

.gallery-image-grid>.image-item:first-child,.gallery-image-grid>.image-item:nth-child(2),.gallery-image-grid>.image-item:nth-child(3),.gallery-image-grid>.image-item:nth-child(4),.gallery-image-grid>.image-item:nth-child(5),.gallery-image-grid>.image-item:nth-child(6) {
  height:unset}

.header_contact_dropdown_text,.header_contact_dropdown_text p {
  font-size:1.15rem}

.header_contact_dropdown_img.common-icon {
  width:24px;
  min-width:24px}

.gallery-image-grid-mobile {
  flex-direction:column;
  justify-content:start;
  align-items:start;
  gap:16px;
  display:flex}

.flex-30,.flex-70 {
  flex-basis:100%;
  max-width:100%}

.contactPageDescription p span,.section-paragraph p,.section-paragraph p span {
  font-size:16px}

.projectList_li>div,.header-navigation-links ul li {
  padding:.75rem 0}

.projectList_li {
  gap:42px}

.projectList_li>div {
  padding:0}

.awards_swiper_outer .swiper-container {
  width:95%;
  margin:0 auto;
  padding:0}

.blog-grid {
  grid-template-columns:100%}

.imageThumbnail img,.imageThumbnail video {
  object-fit:cover;
  width:100%;
  height:60vh}

.project-img-list img {
  object-fit:cover;
  width:100%;
  height:300px}

.footer-wrapper,.subscribe_section {
  background-color:#001871;
  padding:5rem 0 2rem}

.footer-logo {
  width:10.3rem}

.down_arrow_footer img {
  filter:invert()brightness(100)}

.section-padding-bottom {
  padding-bottom:4rem}

.mobile_menu_wrapper {
  padding:6rem 1rem 4rem}

.walkthrough-project-thumb .walk-thumbnail-image iframe {
  aspect-ratio:1}

.header-navigation-links ul li a p {
  font-family:var(--semibold-font-family)}

.overview-new-grid {
  grid-template-columns:unset;
  gap:var(--small-gap-size);
  flex-direction:column-reverse;
  display:flex}

.header-flex {
  padding:16px 0}

.homeBannerOverlaytwo {
  opacity:.6;
  background:linear-gradient(#0000 45%,#000 100%)}

.progress {
  width:24px;
  height:24px;
  box-shadow:none;
  background:0 0;
  margin:0 auto;
  line-height:150px;
  position:relative}

.amenities_popup {
  width:100%;
  height:100%;
  max-height:100%;
  transform:unset;
  background-color:var(--white-color);
  z-index:-1;
  top:115%;
  right:0%;
  left:unset;
  padding:3rem 2rem}

.amenities_popup.active {
  transform:unset;
  z-index:9999;
  top:0;
  right:0}

.amenities-close-icon {
  position:absolute;
  top:-2rem;
  right:-1rem}

.all-amenites-list ul {
  grid-template-columns:100%;
  gap:0}

.all-amenites-list ul li {
  border-bottom:1px solid #dedede;
  padding:1rem 0}

.all-amenities-grid-detail {
  padding-top:2rem}

.kaleeka-button.bottomStripButton {
  border-radius:.5rem;
  justify-content:space-between;
  height:auto;
  padding:.5rem}

.vector-div-projectrera,.vector-div-project img,.project-gallery-swiper .swiper-slide {
  width:100%}

.lcoation-view-grid-swati {
  align-items:end;
  gap:var(--medium-gap-size);
  background-color:#0000;
  grid-template-columns:100%;
  display:grid}

.location-50 {
  width:80%}

.overview-new-grid {
  margin:0!important}

.altura-btn.altura-filled-btn-black .kaleeka-button {
  width:100%}

.highlights-grid {
  grid-template-columns:repeat(1,1fr);
  gap:1rem;
  width:100%;
  display:grid}

.grid-80 {
  width:100%}

.tab-projects-flex-wrapper {
  flex-direction:column;
  align-items:start}

.project_detail_inquiry_form .form_wrapper {
  grid-template-columns:unset;
  gap:var(--small-gap-size);
  flex-direction:column;
  display:flex}

.why-swati-bg-wrapper {
  background-attachment:unset!important}

.kaleeka-button.bottomStripButton,.kaleeka-button.bottomStripButton:hover {
  background:linear-gradient(251deg,#3c1516 0%,#953b21 121.01%);
  border:none}

.kaleeka-button.bottomStripButton:hover span,.kaleeka-button.bottomStripButton:hover p {
  color:var(--white-color)!important}

.kaleeka-button.bottomStripButton span.material-symbols-outlined {
  font-size:2rem}

.kaleeka-button.bottomStripButton span img {
  max-width:40px}

.completed-project-list-grid>div {
  flex-basis:100%;
  width:100%}

.mini-container,.main-container,.main-container-fluid,.swiper-pagination.homeSwiperPagination,.bannerText {
  max-width:100%;
  padding:0 1.5rem;
  width:100%!important}

.project-footer-accordion .footer-content-accordian a {
  display:block}

.brijgroup-main-wrapper {
  padding-top:4rem}

.form_wrapper {
  width:100%;
  margin:unset;
  flex-direction:column;
  gap:1.5rem;
  display:flex}

.new-about-grid-card {
  grid-template-columns:100%;
  padding-top:0!important}

.whatsapp_connect {
  bottom:15px;
  right:15px}

.swati-hero-section {
  max-height:100vh;
  aspect-ratio:unset;
  background-color:#650232;
  width:100%;
  padding:4rem 0}

.completed-project-list-grid>div:hover {
  border-radius:1rem}

.completed-project-list-grid>div:hover:after {
  transform-origin:0;
  width:0%}

.completed-project-list-grid>div .project-information-div,.completed-project-list-grid>div .charter_regular {
  transition:var(--common-transition)}

.completed-project-list-grid>div:hover .charter_regular {
  color:var(--primary-color)}

.completed-project-list-grid>div:hover .project-information-div {
  filter:unset}

.new-detail-highlight-grid {
  flex-direction:column;
  gap:0;
  width:100%;
  display:flex}

#reecosys-project-detail-section-1 {
  min-height:unset}

.new-detail-highlight-grid>div {
  border-top:1px solid #dedede;
  padding:.75rem 0}

.new-detail-highlight-grid>div:last-child {
  border-bottom:0 solid #dedede}

.new-detail-highlight-grid>div:first-child {
  border-top:0 solid #dedede}

.project-list-card .progress {
  width:20px;
  height:20px;
  box-shadow:none;
  background:0 0;
  margin:0 auto;
  line-height:150px;
  position:relative}

.backArrowProject,.alturaGalleryOverlay,.alturaGalleryPopup {
  display:none}

.text-center.text-lef-tmovile {
  text-align:left!important}

.shimmer-card {
  background:linear-gradient(90deg,#e0e0e0 25%,#e0e0e050 50%,#e0e0e0 75%) 0 0/200% 100%;
  border-radius:4px;
  width:100%;
  height:50vh;
  animation:1.5s linear infinite shimmer}

.shimmer-card.shimmer-card-header {
  width:75%;
  height:50px;
  margin-top:2rem}

.shimmer-card.shimmer-card-paragraphs {
  width:100%;
  height:150px;
  margin-top:1rem}

.section-paragraph.readmoreText.detailReadMore,.projectHomeSpecs {
  width:100%}

.completedProjectList {
  grid-template-columns:repeat(2,1fr);
  gap:3rem;
  display:grid}

.compeletedProjectItem .completedProjectImg,.compeletedProjectItem .completedProjectImg img {
  width:100%}

.compeletedProjectItem .section-title {
  align-self:self-start}

.compeletedProjectItem a {
  flex-direction:column;
  align-items:start;
  gap:.5rem}

.compeletedProjectItem a>div.flex-row {
  flex-direction:column;
  align-items:start;
  width:100%}

.compeletedProjectItem a .inner-flex-small {
  gap:.5rem}

.compeletedProjectItem a {
  border:none!important}

.completedProjectIcon {
  width:1.5rem}

.premier-img {
  width:45%}

.theSampleHouseFlex>div.sample-house-img,.theSampleHouseFlex>div.sample-house-img img {
  width:90%;
  height:auto}

.qr-img {
  flex-basis:80%;
  width:80%}

.number-img {
  align-self:center;
  width:90%}

.theSampleHouseFlex {
  width:100%}

.theSampleHouseFlex>div img {
  height:65px}

.says-it-all-img,.the-img {
  transform:translateY(-10%)}

.qrFlex {
  flex-direction:column;
  width:65%;
  margin:0 auto;
  padding-top:5rem!important}

.common-listing-banner img,.common-listing-banner {
  height:fit-content;
  min-height:320px}

#reecosys-project-detail-section-3.section-padding {
  padding:5rem 0}

.hide-mobile-only {
  display:none!important}

.view-all-amenities-button {
  margin:0 auto}

.fourth-container .swiper {
  padding:0 16px}

.grid-two-50-50-small.profile_image_grid {
  grid-template-columns:100%}

.project_banner_image img,.project_banner_image {
  height:40vh!important;
  min-height:360px!important}

.certifications-grid {
  grid-template-columns:repeat(2,1fr)}

.homeBannerSwiper .swiper-pagination.homeSwiperPagination {
  bottom:4rem}

.amenities-swiper {
  width:calc(100% - 32px);
  margin:0 auto}

.home-banner-section {
  aspect-ratio:9/14}

}

@media only screen and (max-width:486px) {
  .completedProjectList {
  grid-template-columns:repeat(1,1fr)}

}

.country-overlay {
  z-index:99998;
  background-color:#0000;
  width:100dvw;
  height:100dvh;
  position:fixed;
  top:0;
  left:0}

.values-flex-card {
  margin-bottom:1.5rem;
  padding-bottom:1.5rem}

.values-flex-card:last-child {
  margin-bottom:0!important;
  padding-bottom:0!important}

.values-grid-wrapper {
  gap:10rem;
  padding-top:2.5rem}

.brand-values-section {
  justify-content:space-between;
  align-items:flex-start;
  gap:80px;
  display:flex}

.values-flex-wrapper {
  width:45%;
  height:fit-content;
  position:sticky;
  top:150px}

.brand-image {
  width:50%}

.brand-image img {
  width:100%;
  display:block}

@media only screen and (max-width:991px) {
  .values-flex-wrapper {
  width:100%;
  position:unset;
  top:unset}

.value-flex {
  flex-direction:column-reverse;
  gap:3rem}

.values-grid-wrapper {
  gap:1.5rem;
  padding-top:2.5rem}

.brand-image {
  width:100%}

.media-grid a:hover .media-headline p {
  color:var(--primary-color);
  transition:var(--common-transition)}

.bannerText {
  bottom:10%}

}

@media only screen and (max-width:767px) {
  .values-grid-wrapper .section-subtitle h4 {
  font-size:32px}

.values-flex-card .section-title-big h2 {
  font-size:24px}

.values-flex-icon h2 {
  color:#000!important}

.values-content-wrapper .section-content p {
  font-size:18px}

}

.page-loader-tran {
  z-index:988;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100vh;
  display:flex;
  position:fixed;
  top:0;
  left:0}

.loader-spinner {
  border:4px solid #ddd;
  border-top-color:#000;
  border-radius:50%;
  width:40px;
  height:40px;
  animation:.8s linear infinite spin}

#reecosys-template-home-section-2 {
  background-color:var(--secondary-color)}

.overview-wrapper-grid-new {
  grid-template-columns:calc(56.75% - 5rem) calc(32% - 5rem);
  justify-content:space-between;
  gap:10rem;
  display:grid}

.overview-wrapper-grid-new>div:first-child {
  height:fit-content;
  position:sticky;
  top:5rem}

@media only screen and (min-width:1024px) {
  .web70width {
  width:70%!important}

}

.parshwa-quote-grid-wrapper {
  grid-template-columns:calc(50% - 2.5rem) calc(45% - 2.5rem);
  justify-content:space-between;
  align-items:center;
  gap:5rem;
  display:grid}

.parshwa-caligraphy {
  width:25%;
  margin-top:1.5rem}

@media only screen and (max-width:991px) {
  .banner-title-new-home-wrapper {
  top:45%}

.scroll-to-bottom {
  top:80%}

.parshwa-quote-grid-wrapper {
  grid-template-columns:100%;
  align-items:flex-start;
  gap:2.5rem}

.parshwa-caligraphy {
  width:45%}

.overview-wrapper-grid-new {
  grid-template-columns:100%;
  justify-content:space-between;
  gap:4.5rem;
  display:grid}

.overview-wrapper-grid-new>div:first-child {
  height:unset;
  position:unset;
  top:unset}

}

v .certifications-item img {
  mix-blend-mode:multiply;
  object-fit:contain;
  max-width:310px;
  margin:0 auto}

.testimonial-section {
  overflow:hidden}

.testimonial-subtitle {
  max-width:700px;
  margin:0 auto}

.testimonial-grid {
  grid-template-columns:repeat(4,1fr);
  gap:1.5rem;
  margin-top:2rem;
  display:grid}

.testimonial-card {
  background:#f1f1ee;
  border:1px solid #c7c7c3;
  border-radius:1rem;
  flex-direction:column;
  justify-content:space-between;
  min-height:41.5svh;
  padding:2rem;
  transition:all .4s;
  display:flex;
  position:relative}

.testimonial-card:hover {
  background-color:#0000;
  transform:translateY(-8px)}

.quote-icon {
  color:#d6d6d6;
  width:2.5rem;
  position:absolute;
  top:-1rem;
  left:2rem}

@media only screen and (min-width:991px) {
  .testimonial-card .section-content p {
  font-size:1.125rem!important}

}

.testimonial-user {
  align-items:center;
  gap:.75rem;
  margin-top:2rem;
  display:flex}

.testimonial-user span {
  background:#000;
  width:40px;
  height:1px}

.testimonial-user h4 {
  font-size:1.25rem;
  font-family:var(--semibold-font-family);
  text-transform:uppercase}

@media (max-width:1199px) {
  .testimonial-grid {
  grid-template-columns:repeat(2,1fr)}

}

@media (max-width:767px) {
  .testimonial-section {
  padding:4rem 0}

.testimonial-grid {
  grid-template-columns:1fr;
  gap:3rem}

.testimonial-card {
  min-height:auto;
  padding:1.5rem}

.quote-icon {
  font-size:3rem}

}

.reecosys-main-wrapper.reecosys-detail-wrapper {
  background-color:#fafafa}

.bg-gradient-thing {
  background:var(--theme-gradient);
  position:relative}

.care-wrapper .section-image {
  margin-left:auto}

.care-wrapper .section-text {
  align-content:end}

.care-wrapper .section-sub-text {
  width:54%;
  margin-left:auto}

.care-wrapper .section-flex2 {
  gap:13rem}

.page-list-2-col-grid {
  gap:var(--medium-gap-size);
  grid-template-columns:100%;
  justify-content:space-between;
  align-items:start;
  padding-top:2.5rem;
  display:grid}

.form_wrapper .submit-button {
  padding-top:1.5rem}

.md-lable sup {
  color:#0000007a!important}

.section-padding3 {
  padding-top:3rem}

@media only screen and (max-width:1440px) {
  .care-wrapper .section-sub-text {
  width:61%}

}

@media only screen and (max-width:991px) {
  .care-wrapper .section-flex2 {
  flex-direction:column;
  gap:2rem}

.care-wrapper .section-sub-text {
  width:100%}

}

@media only screen and (max-width:767px) {
  .section-padding3 {
  padding-top:0}

.care-wrapper .section-flex2 {
  padding-top:3rem}

.care-wrapper .inner-flex.inner-flex-big5 {
  gap:1.5rem}

.care-wrapper .section-sub-text.section-content22 p {
  font-size:18px}

.contact_lable.date {
  overflow:hidden}

.contact_lable.date .toggleDateFrom_input,.contact_lable.date input {
  max-width:100%!important;
  padding:0!important}

.page-list-2-col-grid {
  grid-template-columns:100%}

}

@media only screen and (max-width:1536px) {
  .care-wrapper .section-flex2 {
  gap:13rem}

}

@media only screen and (max-width:991px) {
  .care-wrapper .section-flex2 {
  gap:2rem}

}

.swiper-pagination-bullet-active {
  background-color:#000!important}

.testimonial-mobile-slider {
  display:none}

@media (max-width:991px) {
  .testimonial-desktop {
  display:none}

.testimonial-mobile-slider {
  display:block}

.testimonial-mobile-slider .swiper {
  padding-bottom:6rem}

.testimonial-mobile-slider .swiper-pagination {
  bottom:0!important}

.testimonial-mobile-slider .swiper-slide {
  height:auto}

.testimonial-mobile-slider .testimonial-card {
  height:100%;
  margin:2.5rem 0}

}

@media only screen and (max-width:1280px) {
  .theSampleHouseFlex>div img {
  height:100px}

.theSampleHouseFlex>div.sample-house-img img {
  height:90px}

.overview-wrapper-grid-new {
  grid-template-columns:calc(56.75% - 1.5rem) calc(32% - 1.5rem);
  justify-content:space-between;
  gap:3rem;
  display:grid}

#reecosys-template-home-section-2 .mini-container {
  max-width:1024px!important}

}

@media only screen and (max-width:991px) {
  .overview-wrapper-grid-new {
  grid-template-columns:100%;
  justify-content:space-between;
  gap:3rem;
  display:grid}

}