@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateS.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateSW10-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateS-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateSW10-Md.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateSW10-Demi.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateSW10-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Corporate S';
  src: url('../fonts/CorporateSW10-XBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --yellow: #eaeacc;
  --cream: #ede9e4;
  --green: #212721;
  --white: #fff;
  --black: #000;
  --gray: #4d4f4f;
  --app-height: 100%;
}

/*----------  Genral CSS  ----------*/
* {
  padding: 0;
  margin: 0;
  border: none;
  vertical-align: baseline;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: auto !important;
  font-size: 16px !important;
}

body {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Corporate S' !important;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  font-weight: 400;
  line-height: 1.3;
  color: var(--green);
  background-color: var(--cream);
  --bs-body-bg: var(--cream);
  position: relative;
}

.no-banner #page {
  padding-top: 0 !important;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

blockquote,
q {
  quotes: none;
}

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

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

em,
i {
  font-style: italic;
}

u {
  text-decoration: underline;
}

p {
  margin-bottom: clamp(.938rem, -0.598rem + 3.509vw, 2.188rem);
}

p:last-child {
  margin-bottom: 0;
}

b,
strong {
  font-weight: 700 !important;
}

a {
  display: block;
  text-decoration: none;
  color: var(--green);
  transition: color 0.4s ease-in-out;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
}


a:focus {
  text-decoration: none;
  outline: none !important;
}

*:focus {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/*----------  Common CSS  ----------*/
.wrapper {
  display: block;
  overflow: hidden;
  overflow-y: auto;
  min-height: 100vh;
  position: relative;
}

.nav-open {
  overflow: hidden;
}

.container {
  max-width: 1270px;
  padding: 0 clamp(.938rem, .352rem + 1.875vw, 1.875rem);
}

.common-sec {
  position: relative;
  padding-block: clamp(2.5rem, 2.398rem + 3.279vw, 5rem);
}

.sec-head {
  width: 100%;
  display: block;
  margin-bottom: clamp(.938rem, .329rem + 1.948vw, 1.875rem);
}

:is(h1, h2, h3, h4, h5, h6),
.sec-title,
.sec-sub-title {
  font-family: "kepler-std-display", serif;
}

.sec-title {
  margin: 0;
  line-height: 1.2;
  font-size: clamp(1.625rem, .935rem + 2.208vw, 2.688rem);
  font-weight: 400;
  display: block;
}

.sec-sub-title {
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.sec-sub-title+.sec-title {
  margin-top: 10px;
}

/*----------  Button  ----------*/
.btn {
  display: inline-block;
  border: 1px solid var(--green);
  border-radius: 0;
  background-color: var(--green);
  color: var(--white);
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  line-height: 1;
  font-weight: 400;
  min-width: 180px;
  padding: 14px 30px;
  position: relative;
  transition: .4s all ease-in-out;
}



/*----------  Slick Slider  ----------*/
.slick-slider {
  position: relative;
}

.slick-arrow {
  font-size: 60px;
  line-height: 1;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #212721;
  height: auto;
  width: 60px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.slick-arrow.slick-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.slick-prev::before {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}

.slick-next {
  right: 0;
}

.slick-dots {
  display: flex;
  justify-content: center;
}

.slick-dots li {
  display: inline-flex;
  padding: 3px;
}

.slick-dots li button {
  vertical-align: middle;
  height: 14px;
  width: 14px;
  font-size: 0;
  background-color: #eaeacc;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

.slick-dots li.slick-active button {
  background-color: #212721;
}

/*----------  Back To Top  ----------*/
.hidden {
  width: 0;
  height: 0;
  display: none;
}

.back-to-top {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: var(--green);
  border-radius: 25px;
  text-align: center;
  border: 2px solid var(--white);
  opacity: 0;
  overflow: hidden;
  color: var(--white);
}

.back-to-top.active {
  bottom: 85px;
  opacity: 1;
  z-index: 9;
}

.back-to-top>div {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.back-to-top>.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.back-to-top>.arrow svg {
  fill: var(--white);
  height: 20px;
  width: 100%;
}

.back-to-top>.text {
  font-size: 8px;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 800;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}


/*----------  404 & Thank you  ----------*/
.error-wrapper,
.thank-you-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - var(--header-height));
  min-height: 650px;
  text-align: center;
  flex-direction: column;
  margin-top: clamp(2.5rem, -0.179rem + 7.143vw, 6.25rem);
}

.error-title,
.thank-you-title {
  font-size: clamp(4.375rem, 2.182rem + 9.357vw, 9.375rem);
  font-weight: 700;
  line-height: 1;
  color: #212721;
  margin-bottom: clamp(.938rem, .526rem + 1.754vw, 1.875rem);
}

.thank-you-title {
  font-size: clamp(2.875rem, 1.395rem + 6.316vw, 6.25rem);
}

.error-message{
  font-size: clamp(1rem, .89rem + 0.468vw, 1.25rem);
  line-height: 1.4;
  font-weight: 500;
  margin-top: clamp(.313rem, .175rem + 0.585vw, .625rem);
  margin-bottom: clamp(1.25rem, .702rem + 2.339vw, 2.5rem);
}
.thank-you-message,
.gform_confirmation_message p {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center; 
}
.error-wrapper svg,
.thank-you-wrapper svg {
  height: clamp(6.25rem, 4.879rem + 5.848vw, 9.375rem);
  width: clamp(6.25rem, 4.879rem + 5.848vw, 9.375rem);
  margin-bottom: clamp(1.563rem, .877rem + 2.924vw, 3.125rem);
}


/*----------  Header  ----------*/
.header {
  padding-block: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 16;
}

.is-sticked .header {
  position: fixed;
  animation: headerIn 1s forwards;
  background-color: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

@keyframes headerIn {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0);
  }
}

.header-logo {
  width: clamp(7.5rem, 5.18rem + 4.225vw, 11.25rem);
  position: relative;
}

.nashama-logo {
  width: clamp(7.5rem, 4.408rem + 8.696vw, 13.75rem);
}

.is-sticked .header-logo {
  width: clamp(7.25rem, 5.15rem + 3.521vw, 9.375rem);
}

.is-sticked .nashama-logo {
  width: clamp(7.5rem, 4.783rem + 8.696vw, 13.75rem);
}

.header-logo img {
  width: 100%;
  object-fit: contain;
}

.header .container {
  max-width: 1610px;
  --bs-gutter-x: 30px;
}

.header-nav-wrap>ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
}

.header-nav ul li {
  position: relative;
}

.header-nav ul li .icon-arrow {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-70%);
  transition: .4s all ease-in-out;
  z-index: 9;
}

.header-nav ul li .icon-arrow::before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border-top: 2px solid var(--green);
  border-right: 2px solid var(--green);
  border-radius: 2px;
  transform: rotate(135deg);
  transition: .4s all ease-in-out;
}

.header-nav ul a {
  display: block;
  padding: 20px 20px;
  font-size: clamp(18px, 17.712px + 0.328vw, 24px);
  font-family: 'Corporate S';
  font-weight: 500;
  color: var(--green);
  line-height: 1;
  position: relative;
}

.header-nav ul .sub-menu>a,
.header-nav ul .mega-menu>a {
  padding-right: 30px;
}

.header-nav ul .sub-menu {
  padding-left: 0;
}

.header-nav ul li.sub-menu ul.sub-menu {
  position: absolute;
  top: 80%;
  left: 18px;
  border-top: 2px solid var(--green);
  background-color: var(--cream);
  padding-top: 10px;
  transform: translateY(200px);
  visibility: hidden;
  opacity: 0;
  transition: .6s all ease-in-out;
  width: max-content;
  min-width: 130px;
}

.header-nav ul ul a {
  font-weight: 300;
  font-size: clamp(1.188rem, 1.054rem + 0.357vw, 1.375rem);
  padding: 10px 15px;
  line-height: 1;
}

.header-nav ul .mega-menu>ul {
  position: absolute;
  top: 80%;
  display: flex;
  gap: 20px;
  background-color: var(--cream);
  border-top: 2px solid var(--green);
  width: 1080px;
  left: -200px;
  padding-block: 10px;
  transform: translateY(200px);
  visibility: hidden;
  opacity: 0;
  transition: .6s all ease-in-out;
}

.header-nav ul .mega-menu>ul>li {
  min-width: 150px;
}

.header-nav ul .mega-menu>ul>li.three-col {
  flex: 1;
}

.header-nav ul .mega-menu>ul>li a {
  font-size: clamp(1.125rem, .992rem + 0.426vw, 1.375rem);
  font-weight: 400;
}

#tab-amenities .floorplan-map {
  background: inherit !important;
}

.floorplan-tab-cl .slick-arrow {
  z-index: 2 !important;
}

.header-nav ul .mega-menu>ul .three-col ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 350px;
}

.header-nav ul .mega-menu>ul .three-col li {
  /*flex: 0 0 33.33%;*/
  width: calc(100% / 2 - 10px);
}

.header-nav ul .mega-menu>ul .icon-arrow {
  display: none;
}

.header-nav ul .mega-menu>ul ul li a {
  font-size: clamp(1rem, .934rem + 0.213vw, 1.125rem);
  padding: 8px 15px;
  font-weight: 300;
  text-transform: capitalize;
}

.sticky-buttons {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.sticky-button-item {
  background-color: var(--green);
  border: .0625rem solid var(--green);
  padding: 12px 10px;
  color: var(--white);
  font-size: 23px;
  line-height: 1;
  writing-mode: vertical-lr;
  transition: .4s all ease-in-out;
  display: flex;
  gap: 7px;
}

.sticky-button-item:hover {
  color: var(--green);
  background-color: var(--white);
}

.sticky-button-item:hover img {
  filter: invert(0);
}

.sticky-button-item:focus,
.sticky-button-item:active {
  color: var(--white) !important;
  background-color: var(--green) !important;
}

.sticky-button-item:focus img,
.sticky-button-item:active img {
  filter: invert(1);
}

.sticky-button-item+.sticky-button-item {
  margin-top: 10px;
}

.sticky-button-item span {
  rotate: 180deg;
  display: inline-block;
}

.sticky-button-item img {
  display: inline-block;
  width: 23px;
  height: 23px;
  filter: invert(1);
  object-fit: contain;
  transition: .4s all ease-in-out;
}

.header-logo-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}

.language-wrap {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.language-change-btn {
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: clamp(.313rem, .089rem + 0.595vw, .625rem);
}

.language-change-btn img {
  height: clamp(1.125rem, .813rem + 0.833vw, 1.563rem);
  width: clamp(1.125rem, .813rem + 0.833vw, 1.563rem);
  object-fit: contain;
}

.language-list {
  position: absolute;
  top: 120%;
  background-color: var(--cream);
  border-top: 2px solid var(--black);
  padding: 10px;
  display: none;
}


/*----------  Home Start  ----------*/
.hero-slide {
  height: 100vh;
  position: relative;
}

.hero-image-box {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
}

.hero-image-box video,
.hero-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mobile-video {
  display: none;
}

.hero-image-box::before {
  content: '';
  background: linear-gradient(rgb(255 255 255), transparent);
  position: absolute;
  inset: 0;
  z-index: 2;
  height: 200px;
}

.hero-image-box::after {
  content: '';
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  inset: 0;
  z-index: 1;
  height: 100%;
}

.hero-content-box {
  max-width: 1200px;
  margin: auto;
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
}

.hero-title {
  text-align: center;
  font-size: clamp(2.125rem, .745rem + 4.416vw, 4.25rem);
  font-family: 'kepler-std-display', serif;
  color: var(--white);
  line-height: 1.277;
  max-width: 750px;
  margin: auto;
}

.hero-description {
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
  bottom: 70px;
}

.hero-sub-title {
  font-size: clamp(1.625rem, .935rem + 2.208vw, 2.688rem);
  font-family: 'kepler-std-display', serif;
  color: var(--white);
  line-height: 1.2;
}

.hero-info-text {
  font-size: clamp(1.25rem, .844rem + 1.299vw, 1.875rem);
  font-family: "Corporate S";
  color: var(--white);
  line-height: 1;
}

.hero-sec .slick-dots li button {
  height: 4px;
  width: clamp(2.5rem, 1.08rem + 4.545vw, 4.688rem);
  background-color: var(--white);
  border-radius: 0;
  opacity: 0.5;
}

.hero-sec .slick-dots li.slick-active button {
  opacity: 1;
}

.hero-sec .slick-dots {
  gap: clamp(.375rem, .131rem + 0.779vw, .75rem);
  left: 0;
  right: 0;
  bottom: clamp(1.25rem, -0.285rem + 3.509vw, 2.5rem);
  position: absolute;
}

.welcome-town-square-sec .container {
  max-width: 1180px;
}

.why-town-sec {
  background-color: var(--yellow);
}

.why-town-box {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
}

.why-town-img-box {
  width: clamp(2.5rem, .065rem + 7.792vw, 5.25rem);
  height: clamp(2.5rem, .065rem + 7.792vw, 5.25rem);
  margin-bottom: clamp(.938rem, .532rem + 1.299vw, 1.563rem);
}

.why-town-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.why-town-title {
  font-size: clamp(1.25rem, .844rem + 1.299vw, 1.875rem);
  line-height: 1.3;
  color: var(--green);
}

.why-town-text {
  margin-bottom: 0;
}

.why-town-sec .row {
  --bs-gutter-x: clamp(2.5rem, .065rem + 7.792vw, 6.25rem);
  --bs-gutter-y: clamp(1.25rem, .438rem + 2.597vw, 2.5rem);
}

.footer {
  background-color: var(--green);
  padding-block: clamp(1.875rem, .252rem + 5.195vw, 4.375rem) clamp(.938rem, .329rem + 1.948vw, 1.875rem);
}

.footer a {
  width: fit-content;
}

.footer-logo {
  max-width: clamp(10rem, 7.971rem + 6.494vw, 13.125rem);
}

.footer-logo img {
  width: 100%;
  filter: invert(1);
}

.footer-title {
  font-size: clamp(1.125rem, 0.991rem + 0.357vw, 1.313rem);
  color: var(--white);
  line-height: 1.587;
  font-weight: 500;
}

.footer-nav {
  margin-top: clamp(.75rem, .425rem + 1.039vw, 1.25rem);
}

.footer-nav ul {
  padding-left: 0;
}

.footer-nav a {
  font-size: clamp(14px, .919rem + 0.26vw, 1.125rem);
  color: var(--white);
  font-weight: 300;
  padding-block: 5px;
  text-transform: capitalize;
}

.social-icons {
  display: flex;
  gap: 5px;
  margin-left: -0.8125rem;
  margin-block: clamp(.75rem, .425rem + 1.039vw, 1.25rem) clamp(1.25rem, .844rem + 1.299vw, 1.875rem);
  list-style: none;
}

.social-icons a {
  flex: 0 0 40px;
  padding: 10px;
  transition: .4s all ease-in-out;
}

.social-icons a img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: invert(1);
}

.subscribe-from {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.subscribe-from:focus-within {
  border-color: var(--white);
}

.subscribe-from .form-control {
  --bs-body-bg: transparent;
  --bs-border-width: 0;
  --bs-body-color: var(--white);
}

.subscribe-from .form-control::placeholder {
  color: var(--gray);
}

.subscribe-from .form-control:focus {
  box-shadow: none;
  outline: none;
}

.subscribe-button {
  padding: 10px;
  background-color: transparent;
}

.subscribe-button img {
  width: 13px;
  height: 10px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(31%) sepia(5%) saturate(145%) hue-rotate(131deg) brightness(94%) contrast(94%);
}

.copyright-text {
  margin-top: clamp(1.875rem, .657rem + 3.896vw, 3.75rem);
  border-top: 1px solid #474a48;
  padding-block: clamp(.625rem, .219rem + 1.299vw, 1.25rem);
  color: var(--white);
  font-size: clamp(.875rem, .794rem + 0.26vw, 1rem);
}

.copyright-text a {
  display: inline-block;
  color: var(--white);
}

.copyright-text a:hover {
  display: inline-block;
  color: var(--yellow);
  font-weight: 500;
}


/*----------  About Us  ----------*/
.page-hero-sec {
  height: 100vh;
  position: relative;
  min-height: 43.75rem;
}

.page-hero-img-box {
  height: 100%;
  width: 100%;
  position: relative;
}

.page-hero-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.header::before {
  content: '';
  background: linear-gradient(to bottom, #ede9e4 30%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  inset: 0;
  z-index: 0;
  height: clamp(9.375rem, 4.974rem + 14.085vw, 21.875rem);
}

.is-sticked .header::before {
  content: none;
}

.page-hero-img-box::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.page-hero-head {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page-hero-title {
  font-size: clamp(2.125rem, .745rem + 4.416vw, 4.25rem);
  font-family: "kepler-std-display", serif;
  color: var(--white);
  line-height: 1;
  text-transform: capitalize;
}

.page-hero-sub-title {
  font-size: clamp(1.25rem, 0.585rem + 2.128vw, 2.5rem);
  font-family: "kepler-std-display", serif;
  font-weight: 700;
  color: var(--white);
  line-height: 1;
  text-transform: capitalize;
  margin-top: 10px;
}

.breadcrumbs,
.rank-math-breadcrumb {
  padding: 20px !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  font-weight: 500;
}

.rank-math-breadcrumb p {
  display: flex;
  font-size: clamp(0.813rem, 0.713rem + 0.319vw, 1rem);
}

.breadcrumbs a,
.rank-math-breadcrumb a {
  color: rgb(255 255 255 / 70%) !important;
  font-weight: 500;
}

.no-about-data {
  font-size: 23px;
}

.about-img-box.style-pne {
  aspect-ratio: 1.15/1;
  padding-right: clamp(0rem, -2.029rem + 6.494vw, 3.125rem);
}

.about-img-box.style-two {
  aspect-ratio: 1.15/1.2;
  padding-right: clamp(0rem, -2.029rem + 6.494vw, 3.125rem);
}

.about-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-wrap .common-sec {
  padding-block: clamp(0.625rem, -1.607rem + 5.952vw, 3.75rem) clamp(1.25rem, -1.429rem + 7.143vw, 5rem);
}

.about-wrap>div>.row {
  --bs-gutter-x: clamp(0.938rem, -1.223rem + 6.915vw, 5rem);
}

.facility-sec>div>.row {
  --bs-gutter-x: clamp(0.938rem, -0.559rem + 4.787vw, 3.75rem);
}

.about-content-box .cms-con ul {
  padding-left: 0;
}

.about-content-box .cms-con li::before {
  content: none;
}

.about-sec nav {
  padding-bottom: 5px;
  position: relative;
  overflow-x: auto;
}

.about-sec #nav-gallery .sec-head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.filter-year {
  position: absolute;
  right: 0;
}

.filter-year select {
  padding-right: 10px;
  background-color: transparent;
}

.about-sec nav::-webkit-scrollbar {
  height: 5px;
}

.about-sec nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.about-sec nav::-webkit-scrollbar-thumb {
  background: var(--white);
}


.about-sec .nav-tabs {
  justify-content: center;
  border-bottom: 1px solid #595959;
  flex-wrap: nowrap;
}

.about-sec .nav-tabs {
  overflow-y: hidden;
  overflow-x: auto;
}

.amenities-sec .disabled {
  pointer-events: none;
  opacity: 0.5;
}

.amenities-sec .nav-tabs {
  justify-content: unset;
  padding-right: 100px;
}

.about-sec .nav-link {
  font-family: 'Corporate S';
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  color: var(--green);
  line-height: 1.38;
  padding: clamp(.938rem, .491rem + 1.429vw, 1.625rem);
  flex: 0 0 auto;
  border: 0;
}

.about-sec .nav-link:focus,
.about-sec .nav-link:focus-visible {
  box-shadow: none;
}

.about-sec .nav-tabs .nav-item.show .nav-link,
.about-sec .nav-tabs .nav-link.active {
  border: 0;
  border-bottom: 2px solid #595959;
  background-color: transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-bottom: 1px solid #595959;
}

.facility-head .container {
  max-width: 930px;
  margin: auto;
}

.facility-text {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  font-family: 'Corporate S';
}

.facility-sec {
  background-color: var(--yellow);
}

.facility-sec .row {
  --bs-gutter-y: clamp(1.25rem, -0.982rem + 5.952vw, 4.375rem)
}

.facility-box {
  cursor: pointer;
}

.facility-box img {
  height: clamp(3.125rem, 2.009rem + 2.976vw, 4.688rem);
  width: clamp(3.125rem, 2.009rem + 2.976vw, 4.688rem);
  object-fit: contain;
  object-position: bottom;
}

.facility-title {
  font-size: clamp(1.375rem, .75rem + 1.667vw, 2.25rem);
  margin-bottom: 0;
  margin-top: clamp(.938rem, .491rem + 1.19vw, 1.563rem);
}

.location-sec .sec-head {
  margin-bottom: clamp(1.25rem, -0.089rem + 3.571vw, 3.125rem);
}

.location-frame-wrap {
  margin-top: clamp(1.25rem, -0.089rem + 3.571vw, 3.125rem);
  display: none;
}

.location-frame-wrap.active {
  display: block;
}

.location-frame-wrap iframe {
  width: 100%;
  height: clamp(21.875rem, 6.25rem + 41.667vw, 43.75rem);
  filter: grayscale(1);
}

.reatil-stores-text {
  max-width: 970px;
  font-size: clamp(1.125rem, .719rem + 1.299vw, 1.75rem);
  line-height: 1.312;
  margin-inline: auto;
  margin-bottom: clamp(1.25rem, .032rem + 3.896vw, 3.125rem);
}

.reatil-stores-logo {
  width: 100%;
  object-fit: contain;
  height: 45px;
}

.reatil-stores-logo img {
  margin: auto;
}

.accordion-item+.accordion-item {
  margin-top: clamp(.625rem, .219rem + 1.299vw, 1.25rem);
}

.accordion-button {
  font-size: clamp(1.125rem, .638rem + 1.558vw, 1.875rem);
  padding: clamp(.625rem, .016rem + 1.948vw, 1.563rem) clamp(.938rem, -0.077rem + 3.247vw, 2.5rem);
}

.accordion-body {
  padding: 0 clamp(.938rem, -0.077rem + 3.247vw, 2.5rem) clamp(.625rem, .016rem + 1.948vw, 1.563rem);
}

.accordion-button:focus {
  box-shadow: none;
  border: none;
  background-color: transparent;
}

.accordion-button::after {
  --bs-accordion-btn-icon: url(../img/svg/plus.svg);
  --bs-accordion-btn-icon-width: 22px;
  --bs-accordion-btn-icon-width: 22px;
}

.accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url(../img/svg/minus.svg);
  --bs-accordion-btn-icon-transform: 0;
}

.accordion-button:not(.collapsed) {
  --bs-accordion-active-color: var(--green);
  --bs-accordion-active-bg: var(--white);
  box-shadow: none;
}

.accordion-button,
.accordion-item {
  background-color: #fff;
}

.reatil-map {
  height: clamp(14.375rem, 1.388rem + 41.558vw, 34.375rem);
}

.reatil-map img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.timings {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: center;
}

.timing-divider {
  width: 1px;
  height: clamp(4.063rem, 2.967rem + 3.506vw, 5.75rem);
  background-color: var(--green);
}

.aed-items {
  display: flex;
  gap: clamp(.625rem, .341rem + 0.909vw, 1.063rem);
  margin-bottom: clamp(1.563rem, .548rem + 3.247vw, 3.125rem);
}

.aed-item {
  flex: 0 0 50%;
  border: 1px solid var(--green);
  text-align: center;
  padding: clamp(1.25rem, .438rem + 2.597vw, 2.5rem) clamp(.938rem, .329rem + 1.948vw, 1.875rem);
}

.aed-item .sec-title {
  margin-top: clamp(.313rem, .11rem + 0.649vw, .625rem);
}

.community-features-wrap,
.construction-wrap {
  position: relative;
}

.nav-arrow {
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.community-arrow,
.construction-arrow {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-80%);
  display: flex;
  justify-content: space-between;
  padding-inline: clamp(0.313rem, -0.186rem + 1.596vw, 1.25rem);
}

.construction-arrow {
  top: 40%;
  transform: translateY(-50%);
}

.nav-arrow div {
  width: 40px;
  height: 50px;
  background-color: #fff;
  border: 2px solid #f5f5f5;
  cursor: pointer;
}

.nav-arrow .nav-prev-arrow {
  background-image: url(../img/svg/right-arrow.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  rotate: 180deg;
}

.nav-arrow .nav-next-arrow {
  background-image: url(../img/svg/right-arrow.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.community-arrow div,
.construction-arrow div {
  width: clamp(1.875rem, 1.543rem + 1.064vw, 2.5rem);
  height: clamp(1.875rem, 1.543rem + 1.064vw, 2.5rem);
  background-color: #fff;
  border: 2px solid #f5f5f5;
  cursor: pointer;
}


.community-arrow .community-prev-arrow,
.construction-arrow .construction-prev-arrow {
  background-image: url(../img/svg/right-arrow.svg);
  background-size: clamp(0.75rem, 0.484rem + 0.851vw, 1.25rem);
  background-position: center;
  background-repeat: no-repeat;
  rotate: 180deg;
}

.community-arrow .community-next-arrow,
.construction-arrow .construction-next-arrow {
  background-image: url(../img/svg/right-arrow.svg);
  background-size: clamp(0.75rem, 0.484rem + 0.851vw, 1.25rem);
  background-position: center;
  background-repeat: no-repeat;
}

.language-wrap>div {
  width: auto;
}

.language-wrap .js-wpml-ls-item-toggle.wpml-ls-item-toggle {
  background-color: transparent;
  border: 0;
  font-size: 18px;
  padding: 10px;
  padding-right: 30px;
  color: #000;
  position: relative;
}

.language-wrap .js-wpml-ls-item-toggle.wpml-ls-item-toggle::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-60%);
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(https://nshama.hiredeveloper.today/wp-content/uploads/2024/10/global.svg);
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
}

.language-wrap .js-wpml-ls-item-toggle.wpml-ls-item-toggle span {
  display: block;
  width: 2ch;
  overflow: hidden;
  white-space: nowrap;
}

.language-wrap .js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover {
  background-color: none;
}

.language-wrap .js-wpml-ls-item-toggle.wpml-ls-item-toggle::after {
  content: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  min-width: 60px;
  left: inherit !important;
}

.language-wrap .wpml-ls-legacy-dropdown-click a {
  background-color: var(--cream);
}

.contact-sec {
  background-color: var(--cream);
}

.contact-sec .sec-title,
.contact-sec .page-hero-title {
  text-transform: capitalize;
}

.contact-sec .cms-con ul {
  padding-left: 0;
}

.contact-sec .cms-con ul li:before {
  content: none;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem) !important;
  font-family: "Corporate S";
  color: #212721;
}

.contact-map-wrap iframe {
  max-width: 460px;
  height: 250px;
  width: 100%;
}

.tab-pane {
  font-size: clamp(18px, 14.752px + 0.649vw, 23.008px) !important;
}

body .gform_wrapper.gravity-theme input[type=color],
body .gform_wrapper.gravity-theme input[type=date],
body .gform_wrapper.gravity-theme input[type=datetime-local],
body .gform_wrapper.gravity-theme input[type=datetime],
body .gform_wrapper.gravity-theme input[type=email],
body .gform_wrapper.gravity-theme input[type=month],
body .gform_wrapper.gravity-theme input[type=number],
body .gform_wrapper.gravity-theme input[type=password],
body .gform_wrapper.gravity-theme input[type=search],
body .gform_wrapper.gravity-theme input[type=tel],
body .gform_wrapper.gravity-theme input[type=text],
body .gform_wrapper.gravity-theme input[type=time],
body .gform_wrapper.gravity-theme input[type=url],
body .gform_wrapper.gravity-theme input[type=week],
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea {
  font-size: clamp(1rem, .821rem + 0.476vw, 1.25rem) !important;
  line-height: 1 !important;
  border: 0 !important;
  border-bottom: 1px solid #595959 !important;
  padding: 10px 0 !important;
  height: auto !important;
}

body .gform_wrapper.gravity-theme input[type=tel] {
  padding-left: 96px !important;
}

body .gform_wrapper.gravity-theme input[type=color]::placeholder,
body .gform_wrapper.gravity-theme input[type=date]::placeholder,
body .gform_wrapper.gravity-theme input[type=datetime-local]::placeholder,
body .gform_wrapper.gravity-theme input[type=datetime]::placeholder,
body .gform_wrapper.gravity-theme input[type=email]::placeholder,
body .gform_wrapper.gravity-theme input[type=month]::placeholder,
body .gform_wrapper.gravity-theme input[type=number]::placeholder,
body .gform_wrapper.gravity-theme input[type=password]::placeholder,
body .gform_wrapper.gravity-theme input[type=search]::placeholder,
body .gform_wrapper.gravity-theme input[type=tel]::placeholder,
body .gform_wrapper.gravity-theme input[type=text]::placeholder,
body .gform_wrapper.gravity-theme input[type=time]::placeholder,
body .gform_wrapper.gravity-theme input[type=url]::placeholder,
body .gform_wrapper.gravity-theme input[type=week]::placeholder,
body .gform_wrapper.gravity-theme select::placeholder,
body .gform_wrapper.gravity-theme textarea ::placeholder {
  text-transform: capitalize !important;
}

body .gform_wrapper.gravity-theme label.gfield_label {
  text-transform: capitalize !important;
}

.gform_wrapper.gravity-theme .gfield_error label {
  border-bottom: .0625rem solid #c02b0a;
}

body .gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}

.gform_wrapper.gravity-theme .gform_fields {
  grid-column-gap: 15px !important;
  grid-row-gap: clamp(.313rem, -0.58rem + 2.381vw, 1.563rem) !important;
}

body .gform_wrapper.gravity-theme .ginput_complex {
  margin: 0;
}

body .gfield-choice-input {
  width: 18px;
  height: 18px;
  margin-top: 5px !important;
  border-radius: 0;
  background-color: #ede9e4;
  accent-color: #000;
}

body .gform-field-label {
  font-size: clamp(1rem, .821rem + 0.476vw, 1.25rem) !important;
}

body .gform-field-label a {
  display: inline-block;
  text-decoration: underline;
  transition: .4s all ease-in-out;
}

body .gform-field-label a:hover {
  font-weight: 500;
}

body .gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-start !important;
  margin-top: 0 !important;
}

.gform_button.button {
  background: var(--green) !important;
  border: .0625rem solid var(--green) !important;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem) !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  transition: .4s all ease-in-out;
  padding: 11px 45px;
  font-weight: 400;
}

.gform_button.button:hover {
  box-shadow: none !important;
  color: var(--green) !important;
  background-color: transparent !important;
}

legend.gfield_label.gform-field-label {
  font-size: clamp(1rem, .821rem + 0.476vw, 1.25rem) !important;
  font-weight: 400 !important;
}

.gform_wrapper.gravity-theme .gfield_required {
  display: none !important;
}

div#gfield_description_6_13 {
  font-size: clamp(1rem, .821rem + 0.476vw, 1.25rem) !important;
}

.form-wrap {
  padding-top: clamp(1.25rem, -0.536rem + 4.762vw, 3.75rem);
}

.gform_title {
  display: none;
}

.footer #gform_2 {
  position: relative;
}

.footer .gform_footer.top_label {
  margin: 0 !important;
  padding: 0;
}

.footer input#gform_submit_button_2 {
  position: absolute;
  top: 6px;
  right: 0;
  background-color: transparent !important;
  border: none !important;
  font-size: 0 !important;
  padding: 15px;
  margin: 0 !important;
  background-image: url(../img/svg/right-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 14px !important;
  background-position: center !important;
  filter: brightness(0) saturate(100%) invert(84%) sepia(1%) saturate(35%) hue-rotate(348deg) brightness(99%) contrast(89%);
  transition: .4s all ease-in-out;
}

.footer input#gform_submit_button_2:hover {
  filter: none;
  box-shadow: none;
  background-color: #fff !important;
}

.footer .gform_wrapper.gravity-theme .gfield input {
  padding-left: 0 !important;
  padding-right: 30px !important;
  color: var(--white);
}

.footer .gform_wrapper.gravity-theme .gfield input:focus {
  border-color: var(--white);
}

.footer .gform_wrapper.gravity-theme .gfield input::placeholder {
  color: var(--gray);
}

.enquiry-popup.style-2 {
  max-width: 56.25rem !important;
}

.enquiry-popup.style-2 .sec-title {
  text-transform: capitalize;
}

.enquiry-popup.style-2 .enquiry-popup-r {
  width: 100% !important;
}

body .enquiry-popup.style-2 .gform_footer .button {
  width: fit-content !important;
  margin: auto !important;
}

.mortgage-calculator-wrap .sec-head h2 {
  font-size: clamp(1.625rem, 0.866rem + 2.024vw, 2.688rem) !important;
  font-family: 'kepler-std-display', serif !important;
  color: rgb(33, 39, 33) !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: capitalize !important;
  letter-spacing: 0.03em;
}

.mortgage-calculator-wrap .sec-head h2 strong {
  font-weight: 400 !important;
}


.plus-minus-container,
.container-plus,
.interest-plus {
  display: flex !important;
  align-items: center !important;
  border-radius: 0 !important;
}

.std-mortgage-interestr #inInterest,
.std-mortgage-prop-price #inCost,
.std-mc-right #startDate,
.std-mc-right #annualPayment,
.mortgage-calculator-sec {
  background-color: #ede9e4;
}

.rangeslider__fill,
.rangeslider--horizontal,
.rangeslider--horizontal .rangeslider__handle {
  border-radius: 0 !important;
}

.calc-result {
  background-color: #f6f7c3 !important;
  border-radius: 0 !important;
}

.mortgage-payoff-date {
  background-color: #f6f7c3 !important;
}

.mc-line-chart-notations-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4375rem !important;
}

.linechart-notations {
  font-size: 1.25rem !important;
}

.rec-linec-principal,
.rec-linec-rbal,
.rec-linec-rinterest {
  height: 1.875rem !important;
  width: 1.875rem !important;
  border: .125rem solid var(--white);
}

.rec-linec-principal {
  background-color: var(--green) !important;
}

.rec-linec-rbal {
  background-color: #f6f7c3 !important;
}

.rec-linec-rinterest {
  background-color: #e7e6ca !important;
}

.mc-line-chart-notations-inner {
  margin-right: 1.25rem;
}

.interest-rectangle,
.principal-rectangle {
  border-radius: 0 !important;
  background-color: #212721 !important;
}

.interest-rectangle {
  background-color: transparent !important;
  border: .25rem solid #fff !important;
}

#startDate {
  background-color: #ffffe7 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#annualPayment {
  border: 0 !important;
  background-color: transparent !important;
  border-bottom: .125rem solid #000 !important;
  border-radius: 0 !important;
}

.mortgage-offers-blk .tbl-row>div>h4 {
  font-size: 1rem !important;
}

.mortgage-offers-blk .tbl-row.thd-row {
  background-color: #f6f7c3 !important;
}


.contact-sec nav ul {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #595959;
  flex-wrap: nowrap;
  padding: 0;
  margin-bottom: 40px;
}

.contact-sec nav ul li {
  flex: 0 0 auto;
}

.contact-sec nav ul li a {
  padding: clamp(.938rem, .491rem + 1.429vw, 1.625rem);
  font-family: 'Corporate S';
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  color: var(--green);
  line-height: 1.38;
  transition: .4s all ease-in-out;
}

.contact-sec nav ul li.active a,
.contact-sec nav ul li:hover a {
  border-bottom: .0625rem solid var(--green);
}

.contact-wrap {
  padding-block: clamp(30px, -5.712px + 5.952vw, 80px);
}

.contact-wrap .cms-con a[href^="mailto:"] {
  color: #1985ff;
}

.about-sec .sec-title {
  text-transform: capitalize;
}

.events-head-sec {
  max-width: 43.75rem;
  margin: auto;
  margin-bottom: clamp(30px, 8.72px + 4.255vw, 70px);
}

.events-head-sec .sec-head {
  margin-bottom: clamp(10px, 7.344px + 0.532vw, 15.008px);
}

.upcoming-event-button {
  display: inline-block;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  color: #212721;
  line-height: 1.4;
  border-bottom: .0625rem solid #000;
}

.upcoming-event-title {
  font-size: clamp(22px, 17.744px + 0.851vw, 30px);
  color: #212721;
  line-height: 1.291;
  text-transform: capitalize;
  margin-bottom: clamp(10px, 4.688px + 1.064vw, 20px);
}

.upcoming-event-text {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  color: #212721;
  line-height: 1.293;
  margin-bottom: clamp(10px, 4.688px + 1.064vw, 20px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.upcoming-event-boxes .row {
  --bs-gutter-x: clamp(15.008px, -16.912px + 6.383vw, 75.008px);
  --bs-gutter-y: clamp(0.938rem, 0.268rem + 1.786vw, 1.875rem);
}

.upcoming-event-boxes .row+.row {
  margin-top: 1px;
}

.upcoming-event-date-wrap span {
  display: block;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  color: rgb(33, 39, 33);
  line-height: 1.293;
  text-align: center;
}

.upcoming-event-date-wrap .ed-d {
  font-size: clamp(35.008px, 5.744px + 5.851vw, 90px);
  color: #212721;
  line-height: 1;
}

.upcoming-event-boxes .upcoming-event-date-wrap {
  font-size: .875rem;
  margin-bottom: .9375rem;
}

.past-img-box {
  aspect-ratio: 3/2;
}

.past-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.past-event-title {
  font-size: clamp(18px, 17.744px + 0.851vw, 26px);
  color: #212721;
  line-height: 1.291;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Corporate S";
  overflow: hidden;
  margin-block: clamp(10px, 4.688px + 1.064vw, 20px);
  padding-right: clamp(35.008px, 27.024px + 1.596vw, 50px);
  position: relative;
  text-transform: capitalize;
}

.past-event-title::after {
  content: '';
  position: absolute;
  top: .625rem;
  right: .625rem;
  height: clamp(12px, 7.744px + 0.851vw, 14px);
  width: clamp(12px, 7.744px + 0.851vw, 14px);
  border-top: .125rem solid;
  border-right: .125rem solid;
  rotate: 45deg;
}

.project-sec,
.project-details-sec {
  padding-block: clamp(40px, 8.08px + 6.383vw, 100px);
}

.project-sec .sec-title,
.project-details-sec .sec-title,
.community-features-sec .sec-title {
  text-transform: capitalize;
}

.project-head,
.project-details-head {
  max-width: 62.5rem;
  margin-inline: auto;
  margin-bottom: clamp(1.563rem, .565rem + 3.191vw, 3.438rem);
}

.project-list-items.row {
  --bs-gutter-x: .9375rem;
  --bs-gutter-y: 2.0625rem;
}

.community-features-wrap {
  margin-top: 50px;
}

.project-list-item-thumb {
  aspect-ratio: 1.86/1;
  overflow: hidden;
}

.project-list-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .6s all ease-in-out;
}

.project-list-item-title {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  font-family: "Corporate S";
  color: #231f20;
  line-height: 1.38;
  padding-top: .625rem;
  text-transform: capitalize;
}

.project-list-item-content {
  font-size: clamp(1rem, .867rem + 0.426vw, 1.25rem);
  font-family: "Corporate S";
  color: #212721;
  line-height: 1.337;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.project-list-item-button {
  font-size: clamp(1rem, .867rem + 0.426vw, 1.25rem);
  font-family: "Corporate S";
  color: #212721;
  line-height: 1.337;
  border-bottom: .0625rem solid;
  padding-top: .625rem;
  display: inline-block;
  transition: .4s all ease-in-out;
}

.project-featured-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.project-featured-item {
  padding: clamp(10px, 4.688px + 1.064vw, 20px);
}

.project-featured-img {
  width: auto;
  height: 2.1875rem;
  margin: auto;
}

.project-featured-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.project-featured-title {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  font-family: "Corporate S";
  color: #212721;
  line-height: 1.38;
  margin-top: .625rem;
  text-align: center;
}

.project-featured-item {
  border-left: .0625rem solid #c9c3bb;
}

.project-featured-item:nth-child(1) {
  border-left: 0;
}

.community-features-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.community-features-item {
  padding: clamp(10px, 4.688px + 1.064vw, 20px);
}

.community-features-content {
  padding-left: clamp(0px, -66.672px + 7.407vw, 40px);
}

.community-features-img {
  width: clamp(40px, 26.704px + 2.66vw, 65.008px);
  height: clamp(40px, 26.704px + 2.66vw, 65.008px);
  margin: auto;
}

.community-features-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.community-features-title {
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem);
  font-family: "Corporate S";
  color: #212721;
  line-height: 1.38;
  margin-top: .625rem;
  text-align: center;
}

.community-features-img-box {
  aspect-ratio: 1.15/1;
}

.community-features-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-features-slider {
  margin-bottom: 40px;
}

.construction-update-sec {
  padding-bottom: clamp(40px, 8.08px + 6.383vw, 100px);
}

.community-features-slide {
  height: clamp(250px, 37.232px + 42.553vw, 550px);
}

.community-features-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.community-features-slider .slick-dots,
.construction-update-slider .slick-dots {
  margin-top: .9375rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.community-features-slider .slick-dots li button,
.construction-update-slider .slick-dots li button {
  height: clamp(0.125rem, 0.059rem + 0.213vw, 0.25rem);
  width: clamp(1.25rem, 0.918rem + 1.064vw, 1.875rem);
  background-color: #fff;
  border-radius: clamp(5.008px, 2.336px + 0.532vw, 10px);
}

.community-features-slider .slick-dots li.slick-active button,
.construction-update-slider .slick-dots li.slick-active button {
  background-color: #000000;
}

.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_checkbox,
.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio {
  display: flex !important;
  gap: 10px;
  flex-wrap: wrap;
}

.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio br {
  display: none !important;
}

.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio .gchoice {
  display: flex !important;
  align-items: center !important;
}

.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio .gchoice .gchoice_other_control {
  display: inline-block !important;
  padding: 5px 10px !important;
  margin-top: 0 !important;
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
  height: 192px !important;
  border: 1px solid #595959 !important;
  resize: none !important;
  padding-inline: 10px !important;
}

body .gchoice .gform-field-label {
  position: relative;
}

body .gfield_radio .gchoice .gfield-choice-input {
  visibility: hidden;
}

body .gfield_radio .gchoice .gfield-choice-input:checked+label::after {
  content: '';
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background-color: #212721;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-70%);
}

body .gfield_radio .gchoice .gform-field-label::before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  border: 1px solid #212721;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-60%);
}

.gform_wrapper.gravity-theme .gfield.sm-input {
  row-gap: unset !important;
  column-gap: 15px;
}

body .gform_wrapper.gravity-theme select {
  padding-right: 20px !important;
}

.label-headings,
.std-mc-left label {
  font-size: 20px;
}

.properties-wrap .floorplan-block h2,
.reatil-stores-map .floorplan-block h2 {
  display: none;
}

.floorplan-tab-cl-item {
  font-family: "Corporate S" !important;
  font-size: clamp(1.125rem, .922rem + 0.649vw, 1.438rem) !important;
  line-height: 1 !important;
  padding: 12px 0 !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;
}

.floorplan-tab-cl::before {
  background: transparent !important;
}

.customer-portal-sec {
  height: 100vh;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 15px;
}

.customer-portal-box {
  width: 600px;
  padding: clamp(1.563rem, 0.446rem + 2.976vw, 3.125rem) clamp(0.938rem, -0.625rem + 4.167vw, 3.125rem);
  background-color: #f5f5f5;
  margin-top: 50px;
}

.customer-portal-box .sec-title {
  text-transform: capitalize;
  text-align: center;
}

.customer-portal-box .sec-head {
  margin-bottom: clamp(1.563rem, 0.446rem + 2.976vw, 3.125rem);
}

.customer-portal-box label {
  font-family: 'Corporate S';
  font-size: clamp(1.063rem, 0.929rem + 0.357vw, 1.25rem);
  font-weight: 500;
}

.customer-portal-box input {
  font-family: 'Corporate S';
  font-size: clamp(1.063rem, 0.929rem + 0.357vw, 1.25rem);
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 0;
}

.form-control:focus {
  --bs-body-bg: #fff;
  border-color: #000;
  outline: 0;
  box-shadow: none;
}

.customer-portal-box .btn {
  width: 100%;
  margin-top: 30px;
}

.form-or {
  position: relative;
  text-align: center;
  line-height: 1;
  margin-block: clamp(1.25rem, 0.804rem + 1.19vw, 1.875rem) clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem);
}

.form-or span {
  padding: 5px;
  font-size: clamp(1.063rem, 0.929rem + 0.357vw, 1.25rem);
  font-weight: 500;
  background-color: #f5f5f5;
  text-transform: uppercase;
  position: relative;
}

.form-or::before {
  content: '';
  width: 50%;
  height: 1px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  z-index: 0;
}

.bank-details-head {
  margin-bottom: 20px;
}

.bank-details-title {
  font-size: clamp(20px, 14.864px + 0.357vw, 24px);
  font-weight: 500px;
  margin-bottom: 5px;
}

.bank-details-content .cms-con p {
  font-size: clamp(1.063rem, 0.929rem + 0.357vw, 1.25rem);
  margin-bottom: 5px;
}

.bank-details-content .cms-con strong {
  font-weight: 500 !important;
}

.bank-details-sec .row {
  margin-top: 20px;
}

.breadcrumbs {
  margin-top: calc(var(--header-height) + 50px);
}

.site-main {
  position: relative;
  z-index: 20px;
}

.breadcrumbs a {
  display: inline-block;
  font-size: 16px;
}

.cs-gallery-dt-head .h1,
.cs-gallery-dt-head h1 {
  font-size: 40px !important;
}

.single-galleries .breadcrumbs,
.single-galleries .rank-math-breadcrumb {
  padding: 20px 0 !important;
}

.floorplan-prop-item.style-1 {
  width: 280px;
}

.propertyName {
  justify-content: start !important;
  padding: 10px 15px !important;
  background-color: #fff !important;
  font-size: 22px !important;
  border: none !important;
  color: #000;
  text-transform: capitalize;
  letter-spacing: 0;
  position: relative;
  width: 100%;
  display: block;
}

.propertyName::after {
  content: '';
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.floorplan-prop-item .arrowss.arrow-left {
  display: none;
  border-width: 12px 12px 12px !important;
  border-right-color: #ffffff !important;
  left: -24px !important;
}

/* .flor-map-new {
  position: relative;
  background: url(../img/map-view.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 610px;
} */

.floorplan-map {
  background-image: url(../img/ts-masterplan-bw.jpg) !important;
  background-size: 100% !important;
  height: 590px;
}

.floorplan-block .nav,
.reatil-stores-map .nav {
  justify-content: center;
  margin-top: 40px;
  gap: 20px;
}

.floorplan-block .nav-link,
.reatil-stores-map .nav-link {
  background-color: #fff;
  font-size: 22px;
  line-height: 1;
  border: 0;
  border-radius: 0 !important;
  color: #000;
  position: relative;
  padding: 5px 20px;
}

.floorplan-block .nav-link.active,
.reatil-stores-map .nav-link.active {
  background-color: #000;
  color: #fff;
  position: relative;
  z-index: 9;
}

.floorplan-block .nav-link.active::before,
.floorplan-block .nav-link.active::before {
  content: '';
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  border-width: 12px 12px 12px !important;
  border-right-color: #ffffff !important;
  top: -20px;
}

/* .floorplan-map>svg {
  margin-top: 55px;
  margin-left: 10px;
} */

#tab-amenities .floorplan-prop-item {
  width: 390px;
  background-color: #fff;
  padding: 20px;
}

.amenitie-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}

.floorplan-prop-item {
  background-color: #fff;
  padding: 20px;
}

.shop-logo {
  width: 32%;
  display: inline-flex;
  text-align: center;
  padding: 10px;
}

.shop-logo img {
  margin: auto;
  height: 45px;
  object-fit: contain;
}

.floorplan-tab-cl {
  display: flex;
  cursor: pointer;
}


.f-tab-content {
  display: none;
}

.f-tab-content.active {
  display: block;
  margin-top: 20px;
}

.retails-brand-box {
  width: 100%;
  height: calc(190px - 10px);
  background-color: #fff;
  margin-bottom: 10px;
  text-align: center;
  padding: 20px 10px;
}

.retails-brand-box .img-box {
  width: 70px;
  margin: 0 auto 12px;
}

.retails-brand-box .img-box img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.retails-brand-row {
  --bs-gutter-x: 10px !important;
}

.retails-brand-title {
  font-size: 24px;
  line-height: 1.2;
  color: #212721;
  display: block;
}

.retails-brand-boxes .modal-dialog {
  max-width: 1080px;
}

.retails-brand-boxes .modal-content {
  background-color: #fff;
  border-radius: 0;
  padding: 30px;
}

.retails-brand-boxes .btn-close {
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 1px solid #000;
  right: 20px;
  top: 20px;
  display: block;
  position: absolute;
  --bs-btn-close-bg: none;
}

.retails-brand-boxes .btn-close svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.brand-head {
  display: flex;
  align-items: center;
}

.brand-head .img-box {
  width: 70px;
}

.brand-head .img-box img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
}

.brand-head .retails-brand-title {
  margin-bottom: 0;
  padding-left: 15px;
}

.retails-brand-boxes .modal-header {
  padding: 0;
  margin-bottom: 20px;
  border-bottom: none;
}

.retails-brand-boxes .modal-body {
  padding: 30px;
  border: 1px solid #cccccc;
}

.engt-launch-icon-box {
  display: none !important;
}

.back-to-top {
  display: none;
}

.float {
  position: fixed;
  bottom: 40px;
  right: 24px;
  text-align: center;
  z-index: 1000
}

.float .trigger {
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  position: relative;
  background: #2a2929;
  color: #fff;
  height: 60px;
  width: 60px;
  vertical-align: middle;
  animation: 1.5s linear 0s infinite normal pulse;
  transition: ease-in-out 0.2s;
  cursor: pointer;
  padding: 12px
}

.float.open .trigger {
  padding: 18px
}

.float .trigger .fa::after {
  transition: ease-in-out 1s
}

.fab.open .trigger i {
  transition: all 0.4s ease;
  transform: translateY(5px) rotate(360deg)
}

.float img {
  width: 100%;
  height: 100%
}

.float.open .trigger .chat {
  display: none
}

.float .trigger .close-icon {
  display: none
}

.float.open .trigger .close-icon {
  display: block
}

.float .actions {
  opacity: 0;
  transition: opacity 0.4s ease
}

.float.open .actions {
  opacity: 1
}

.float .p-info {
  position: absolute;
  opacity: 0;
  transition: transform 0.4s ease;
  transition: all 0.4s ease;
  transform: translateY(-156px);
  right: -60px;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-156px);
  -moz-transform: translateY(-156px);
  -ms-transform: translateY(-156px);
  -o-transform: translateY(-156px)
}

.float.open .p-info {
  opacity: 1;
  position: absolute;
  transition: transform 0.4s ease;
  transition: all 0.4s ease;
  transform: translateY(-186px);
  right: 0
}

.float .p-phone a {
  position: absolute;
  top: 0;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  border-radius: 50%;
  right: -50px;
  opacity: 0
}

.float.open .p-phone a {
  position: absolute;
  top: 0;
  background: #fff;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  border-radius: 50%;
  right: 10px;
  transition-delay: 0.2s
}

.float .p-whatsapp a {
  position: absolute;
  opacity: 0;
  background: #333;
  color: #333;
  height: 60px;
  width: 60px;
  line-height: 40px;
  transition: transform 0.4s ease;
  right: 0;
  transform: translateY(50px);
  transition: all 0.4s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  border-radius: 50%;
  right: -50px;
  transition-delay: 0.3s;
  transform-origin: right center 0
}

.float.open .p-whatsapp a {
  position: absolute;
  top: 0;
  opacity: 1;
  color: #333;
  height: 60px;
  width: 60px;
  transition: transform 0.4s ease;
  right: 0;
  transform: translateY(50px);
  transition: all 0.4s ease;
  border-radius: 50%;
  transition-delay: 0.2s;
  padding: 12px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px)
}

.float .actions .p-info:nth-child(1) {
  transform: translateY(-190px)
}

.float .actions .p-info:nth-child(2) {
  transform: translateY(-260px)
}

.float .actions .p-info:nth-child(3) {
  transform: translateY(-330px)
}


#mortgageOffers .enquiry-popup-in {
  min-height: 580px !important;
}

/*
.floorplan-prop-item{
  transform: translateY(-50%);
} */
/*.rerail-map .floorplan-prop-item{
  margin-top: 150px;
}*/

.contact-wrap-head,
.contact-wrap-map {
  display: block;
  width: 49%;
  display: inline-block;
  vertical-align: middle;
}

.hero-slide {
  display: none !important;
}

.hero-slide:first-child {
  display: block !important;
}

.h2:lang(en),
h2:lang(en) {
  text-transform: capitalize;
  letter-spacing: 0 !important;
}

.mortgage-calculator-sec {
  padding-block: clamp(2.5rem, 1.17rem + 4.255vw, 5rem) !important;
}

#page {
  display: block !important;
  min-height: unset !important;
}

body footer .gform_wrapper.gravity-theme input[type=email]:-webkit-autofill,
body footer .gform_wrapper.gravity-theme input[type=email]:-webkit-autofill,
body footer .gform_wrapper.gravity-theme input[type=email]:-webkit-autofill:active,
body footer .gform_wrapper.gravity-theme input[type=email]:-webkit-autofill:focus,
body footer .gform_wrapper.gravity-theme input[type=email]:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px #212721 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}