
@font-face {
  font-family: CeraGodrejInteriomedium;
  src: url(../fonts/CeraGodrejInterio-medium.ttf);
  font-weight: normal; }
@font-face {
  font-family: CeraGodrejInterioregular;
  src: url(../fonts/CeraGodrejInterio-regular.ttf);
  font-weight: normal; }
@font-face {
  font-family: CeraGodrejInterioBold;
  src: url(../fonts/CeraGodrejInterio-Bold.ttf);
  font-weight: normal; }
* {
  font-family: CeraGodrejInterioregular; }

body {
  /*  overflow-x: hidden; */
  background: #ffffff;
  /* padding-bottom: 78px; */
  /*  &.no-scroll {
      overflow: hidden !important;
  } */ }
  a.navbar-brand.godrej-logo img {
    width: 168px;
}
body.from-open footer {
  padding-bottom: 78px; }
  @media screen and (max-width: 1023.99px) {
    body.from-open footer {
      padding-bottom: 148px; } }
  @media screen and (max-width: 597.99px) {
    body.from-open footer {
      padding-bottom: 232px; } }

.navbar-nav > li > a {
  outline: none !important; }

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  box-shadow: none; }

.text--color-accent,
.text .h1,
.text h1 {
  color: #414141; }

.ui-olive-background {
  background: #414141; }

.ui-white-background {
  background: #ffffff; }

.ui-pink-background {
  background: #c3cdd0; }

.js [data-reveal]:not([data-reveal-visible]) {
  opacity: 1 !important; }

h1,
.h1 {
  font-family: CeraGodrejInterioBold;
  font-size: clamp(38px, 4.5vw, 80px);
  text-transform: uppercase;
  line-height: 1;
  color: #ffffff;
  padding-bottom: 20px; }

h2 {
  font-size: clamp(32px, 3.3vw, 60px);
  line-height: 1.1; }

h3 {
  font-size: clamp(35px, 3vw, 50px);
  line-height: 1.1; }

h4 {
  font-size: clamp(15px, 12.5vw, 25px);
  line-height: 1.1; }

h1,
.h1,
h2,
h3 {
  font-family: CeraGodrejInterioBold;
  padding: 0;
  margin: 0; }

h4 {
  font-family: CeraGodrejInteriomedium;
  padding: 0;
  margin: 0; }

p {
  font-size: clamp(14px, 0.8vw, 18px);
  line-height: 1.4;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-align: left; }

img {
  max-width: 100%; }

.show {
  display: block; }

.hide {
  display: none; }

.overflow-hidden {
  overflow: hidden !important; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul li {
    padding: 0;
    margin: 0; }

a,
figure {
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #000000; }

.clear-float {
  width: 100%;
  float: left;
  clear: both; }

.godrej-outer-container {
  width: 100%;
  max-width: 1770px;
  margin: 0 auto;
  padding: 0 15px; }

.godrej-inner-container {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

/* slider control */
.section-slider-controller {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: clamp(20px, 100%, 63px); }
  .section-slider-controller .arrow-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-slider-controller .arrow-wrapper span {
      display: block;
      height: clamp(20px, 10vh, 115px);
      margin: 0 clamp(20px, 10vw, 39px);
      width: 1px;
      background: #414141; }
    .section-slider-controller .arrow-wrapper figure {
      cursor: pointer;
      opacity: 0.6; }
      .section-slider-controller .arrow-wrapper figure:first-child {
        transform: rotate(-180deg);
        position: relative;
        top: 1px; }
      .section-slider-controller .arrow-wrapper figure:hover {
        opacity: 1; }
  .section-slider-controller .counter {
    font-family: CeraGodrejInteriomedium;
    color: #414141;
    display: flex;
    gap: 5px; }
    .section-slider-controller .counter span {
      font-family: CeraGodrejInteriomedium;
      color: #414141; }

/* Global Heading */
.section-title-description, .godrej-inner-container .title-block, .hero-banner .godrej-inner-container .title-block, .intro__text.banner-text, .location-wrapper .title-block, .godrej-trust-wrapper .title-block, .godrej-map-wrapper .title-block, .disclaimer-wrapper .title-block {
  width: 100%; }
  @media screen and (max-width: 1023px) {
    .section-title-description, .godrej-inner-container .title-block, .hero-banner .godrej-inner-container .title-block, .intro__text.banner-text, .location-wrapper .title-block, .godrej-trust-wrapper .title-block, .godrej-map-wrapper .title-block, .disclaimer-wrapper .title-block {
      max-width: 100vw;
      text-align: center; } }
  .section-title-description h2, .godrej-inner-container .title-block h2, .hero-banner .godrej-inner-container .title-block h2, .intro__text.banner-text h2, .location-wrapper .title-block h2, .godrej-trust-wrapper .title-block h2, .godrej-map-wrapper .title-block h2, .disclaimer-wrapper .title-block h2,
  .section-title-description h4,
  .godrej-inner-container .title-block h4,
  .hero-banner .godrej-inner-container .title-block h4,
  .intro__text.banner-text h4,
  .location-wrapper .title-block h4,
  .godrej-trust-wrapper .title-block h4,
  .godrej-map-wrapper .title-block h4,
  .disclaimer-wrapper .title-block h4,
  .section-title-description p,
  .godrej-inner-container .title-block p,
  .hero-banner .godrej-inner-container .title-block p,
  .intro__text.banner-text p,
  .location-wrapper .title-block p,
  .godrej-trust-wrapper .title-block p,
  .godrej-map-wrapper .title-block p,
  .disclaimer-wrapper .title-block p {
    color: #414141; }
  .section-title-description h2, .godrej-inner-container .title-block h2, .hero-banner .godrej-inner-container .title-block h2, .intro__text.banner-text h2, .location-wrapper .title-block h2, .godrej-trust-wrapper .title-block h2, .godrej-map-wrapper .title-block h2, .disclaimer-wrapper .title-block h2 {
    text-transform: uppercase; }
  .section-title-description p, .godrej-inner-container .title-block p, .hero-banner .godrej-inner-container .title-block p, .intro__text.banner-text p, .location-wrapper .title-block p, .godrej-trust-wrapper .title-block p, .godrej-map-wrapper .title-block p, .disclaimer-wrapper .title-block p {
    padding-right: min(4.762vw, 70px); }
    @media screen and (max-width: 767.99px) {
      .section-title-description p, .godrej-inner-container .title-block p, .hero-banner .godrej-inner-container .title-block p, .intro__text.banner-text p, .location-wrapper .title-block p, .godrej-trust-wrapper .title-block p, .godrej-map-wrapper .title-block p, .disclaimer-wrapper .title-block p {
        padding: 0; } }
  .section-title-description h2 + p, .godrej-inner-container .title-block h2 + p, .hero-banner .godrej-inner-container .title-block h2 + p, .intro__text.banner-text h2 + p, .location-wrapper .title-block h2 + p, .godrej-trust-wrapper .title-block h2 + p, .godrej-map-wrapper .title-block h2 + p, .disclaimer-wrapper .title-block h2 + p {
    padding-top: clamp(22px, 4.074vh, 44px); }
  .section-title-description h2 + h4, .godrej-inner-container .title-block h2 + h4, .hero-banner .godrej-inner-container .title-block h2 + h4, .intro__text.banner-text h2 + h4, .location-wrapper .title-block h2 + h4, .godrej-trust-wrapper .title-block h2 + h4, .godrej-map-wrapper .title-block h2 + h4, .disclaimer-wrapper .title-block h2 + h4 {
    padding-top: clamp(20px, 4.074vh, 36px); }

/* Space */
.global-section-space, .hero-banner .godrej-inner-container .title-block, .location-wrapper {
  padding-left: clamp(20px, 2vw, 30px);
  padding-right: clamp(20px, 2vw, 30px); }

.global-section-space-l-only, .godrej-trust-wrapper .title-block, .godrej-map-wrapper .title-block {
  padding-left: clamp(25px, 5.208vw, 100px);
  padding-right: clamp(16px, 1.042vw, 20px); }
  @media screen and (min-width: 768px) and (max-width: 1440px) {
    .global-section-space-l-only, .godrej-trust-wrapper .title-block, .godrej-map-wrapper .title-block {
      padding-left: clamp(25px, 5.208vw, 100px);
      padding-right: clamp(16px, 1.042vw, 20px); } }

/* text border */
.text-boder, .hero-banner .godrej-inner-container .banner-image span.bdr, .intro__title span.fill, .intro__title span.bdr, .godrej-trust-wrapper .trust-bdr-text {
  text-shadow: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke-color: #ffffff;
  color: transparent; }

@media only screen and (min-width: 568px) and (max-aspect-ratio: 13 / 9) {
  .header-callback--opened .header-callback__dropdown {
    transform: translateY(-25.444vh); } }
@media only screen and (min-width: 668px) and (min-height: 416px) {
  .header-callback--opened .header-callback__dropdown {
    transform: translateY(-25.444vh); } }
@media only screen and (min-width: 980px) {
  .header-callback--opened .header-callback__dropdown {
    transform: translateY(-25.444vh); } }
@media only screen and (min-width: 1024px) {
  .header-callback--opened .header-callback__dropdown {
    transform: translateY(-32.444vh); } }
.loading-image {
  max-width: 33.33%;
  margin: 0 auto; }

.heart-unit-image {
  max-width: 310px;
  object-fit: contain;
  padding-bottom: 30px; }

@media only screen and (min-width: 568px) and (max-aspect-ratio: 13 / 9), only screen and (min-width: 668px) and (min-height: 416px), only screen and (min-width: 980px) {
  .advantages-list li:nth-child(2) {
    margin-top: 0; } }
@media only screen and (max-width: 568px) {
  .advantages-list {
    flex-flow: column;
    gap: 20px;
    align-items: center;
    margin-top: 20px; } }
@media only screen and (min-width: 1200px) {
  .advantages-wrapper {
    padding-left: 0; } }
.advantages-list {
  justify-content: center; }

.intro__tab-box__text h3,
.intro__tab-box__text p {
  color: #ffffff; }
.intro__tab-box__text h3 {
  text-transform: uppercase; }
@media screen and (max-width: 767.99px) {
  .intro__tab-box__text h3 {
    font-size: 22px; }
  .intro__tab-box__text p {
    font-size: 120%; } }
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .intro__tab-box__text h3 {
    font-size: 30px; }
  .intro__tab-box__text p {
    font-size: 100%; } }

.btn--outline.btn--primary:before,
.btn--outline.btn--primary:after {
  border: none; }

.btn > .btn__content .phone-call-icon, .btn > .btn__content .email-icon {
  max-width: 50%; }
.btn > .btn__content .whatsapp-logo-icon {
  max-width: 35px; }

.js-header-callback-button {
  display: flex;
  flex-flow: column;
  gap: 1vh; }

.ui-olive .btn.btn--callback:after, .ui-dark .btn.btn--callback:after, .ui-olive .btn.btn--callback-dropdown:after {
  background-color: #000000; }

.place-circle__outer {
  width: calc(60% + 10px);
  height: calc(60% + 10px); }

.place-circle__inner {
  width: 60%;
  height: 60%; }

.place-circle__line {
  width: 59%;
  height: 59%; }

svg.place-circle__line:not(:root) {
  overflow: visible; }

body.nav-open .header-link-container {
  background: rgba(202, 202, 202, 0.8); }

.header-link-container {
  background: rgba(74, 172, 226, 0);
  /* background: linear-gradient(180deg, #adaaaa 0%, rgba(255, 255, 255, 0) 40%); */
  border-bottom: solid 1px transparent;
  transition: backround 0.3s ease-in-out;
  position: fixed;
  z-index: 3;
  left: 0;
  right: 0; }
  .header-link-container .godrej-outer-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 766.99px) {
      .header-link-container .godrej-outer-container {
        flex-wrap: wrap; } }
    .header-link-container .godrej-outer-container.navbar::before, .header-link-container .godrej-outer-container.navbar::after {
      display: none; }
  .header-link-container.affix {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-bottom-color: #ddd; }
    .header-link-container.affix .dropdown-menu {
      border: 1px solid #ddd;
      border-top: none; }

.navbar-brand {
  text-transform: uppercase;
  width: auto;
  height: auto;
  font-weight: 700;
  color: #414141;
  text-decoration: none;
  font-size: 11px;
  padding: 15px 0;
  /* &:hover,
  &:focus {
      color: $color_1 !important;
  } */ }
  @media screen and (min-width: 767.99px) {
    .navbar-brand.logo {
      order: 2;
      margin-right: auto;
      margin-left: 2vh; } }
  @media screen and (max-width: 766.99px) {
    .navbar-brand.logo {
      /* order: 2; */ } }
  @media screen and (min-width: 767.99px) {
    .navbar-brand.godrej-logo {
      order: 3; } }
  @media screen and (max-width: 766.99px) {
    .navbar-brand.godrej-logo {
      /*padding: 10px 0 0;
      order: 1;
       flex: 0 0 100%; */
      align-items: center;
      justify-content: flex-end;
      display: flex; }
      .navbar-brand.godrej-logo img {
        max-width: 30vw; } }
  .navbar-brand span {
    text-transform: uppercase;
    font-size: clamp(15px, 1.6vw, 18px);
    display: block;
    font-weight: 500;
    line-height: 1; }

.navbar-menu {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none; }
  @media screen and (min-width: 767.99px) {
    .navbar-menu {
      order: 1; } }
  .navbar-menu:hover {
    text-decoration: none; }
  @media screen and (max-width: 766.99px) {
    .navbar-menu {
      order: 4;
      flex: 0 0 100%; } }
  .navbar-menu span {
    text-transform: uppercase;
    font-size: 15px;
    color: #414141;
    font-weight: 400;
    line-height: 1; }

.navbar-toggler {
  order: 3;
  background: transparent;
  border: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center; }
  .navbar-toggler span {
    text-transform: uppercase;
    font-size: 15px;
    color: #414141;
    font-weight: 400;
    line-height: 1; }
  .navbar-toggler img {
    filter: invert(1); }
  @media screen and (min-width: 766.99px) {
    .navbar-toggler {
      display: none; } }

.open > .dropdown-menu {
  display: flex; }

.dropdown-menu {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  width: clamp(200px, 30vw, 350px);
  top: 47px;
  left: 0;
  transform: translateX(0);
  padding: 1vh 2vw;
  flex-flow: column;
  box-shadow: none;
  border: none; }
  .dropdown-menu a {
    font-family: CeraGodrejInteriomedium;
    color: #000000;
    font-size: clamp(14px, 1.2vw, 21px);
    line-height: 1.2;
    text-decoration: none;
    opacity: 0.8;
    padding: 0.5vh 0;
    align-items: center;
    justify-content: flex-start; }
    .dropdown-menu a:hover {
      opacity: 1; }
  .dropdown-menu a + a {
    margin-top: 1vh; }

.navbar-collapse {
  width: 100%; }

@media screen and (max-width: 766.99px) {
  .navbar-nav.nav-desktop {
    display: none; } }
.navbar-nav.nav-mobile {
  display: none;
  width: 100%;
  padding: 1vh 2vw;
  flex-flow: column; }
  .navbar-nav.nav-mobile a {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    text-decoration: none;
    opacity: 0.8;
    padding: 0.5vh 0;
    outline: none; }
    .navbar-nav.nav-mobile a:hover {
      opacity: 1; }
  .navbar-nav.nav-mobile li + li {
    margin-top: 1.5vh; }
  @media screen and (max-width: 766.99px) {
    .navbar-nav.nav-mobile {
      display: flex;
      margin: 0;
      padding: 2vh 0; } }

.nav-link:hover {
  text-decoration: none; }

.nav-link img {
  filter: invert(1); }

.footer-content {
  background: #000000;
  padding: 30px 0;
  width: 100%;
  float: left;
  clear: both;
  padding-left: clamp(25px, 5.208vw, 100px);
  padding-right: clamp(25px, 5.208vw, 100px); }
  @media screen and (max-width: 767.99px) {
    .footer-content {
      padding: 30px 50px; } }
  .footer-content ul {
    display: block;
    list-style-type: none;
    margin: 0; }
    .footer-content ul li {
      display: inline;
      padding-left: 50px;
      padding-right: 50px;
      border-right: 1px solid #ffffff;
      text-transform: uppercase;
      font-family: CeraGodrejInterioregular;
      font-size: 14px;
      line-height: 1;
      color: #ffffff; }
      .footer-content ul li:first-child {
        padding-left: 0; }
      @media screen and (max-width: 766.99px) {
        .footer-content ul li {
          display: block;
          padding: 0;
          border: none;
          width: 50%;
          float: left; }
          .footer-content ul li:last-child {
            width: 100%;
            margin-top: 3vh; } }
      .footer-content ul li a {
        font-family: CeraGodrejInterioregular;
        font-size: 13px;
        line-height: 1;
        color: #ffffff;
        text-decoration: none; }
        .footer-content ul li a:hover {
          color: #c3cdd0; }
      .footer-content ul li:last-child {
        border-right: none;
        text-transform: none; }

.header-callback--modal {
  position: fixed !important;
  z-index: 9;
  right: 2vw;
  bottom: 20vh !important; }
  @media screen and (max-width: 766.99px) {
    .header-callback--modal {
      bottom: 12vh !important; } }

.requestCallback {
   /*  position: fixed;
    z-index: 9;
    right: -30px;
    top: 30vh;
    background: $color_3;
    color: $color_1;
    transform: rotate(-90deg);
    padding: 10px 20px;
    font-size: 1vw;
    border-radius: 8px 8px 0 0;
    text-decoration: none;

    @media screen and (min-width: 1921px) {
        right: -35px;
    } */
  position: fixed;
  z-index: 9;
  right: 0;
  top: 30vh; }
  .requestCallback:hover {
    /* color: $color_6;
    text-decoration: none; */
    opacity: 0.8; }

.enquiry-form-overlay {
  position: fixed;
  z-index: 9999;
  width: 100%;
  max-width: 320px;
  background: rgba(123, 140, 145, 0.95);
  top: 50%;
  transform: translateY(-50%);
  right: -320px;
  transition: all 0.5s ease-in-out;
   }
  .enquiry-form-overlay.modal-open {
    right:0 }
  .enquiry-form-overlay .close-icon {
    position: absolute;
    z-index: 10;
    right: 2%;
    top: 2%;
    max-width: clamp(24px, 4.5vw, 36px);
    cursor: pointer; }

.enquiry-form {
  background: #adaaaa;
  max-width: 500px;
  width: 100%; }
  @media screen and (max-width: 767.99px) {
    .enquiry-form {
      /*width: 95%;*/ } }
  .enquiry-form .inner {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
    border: solid 2px #fff; }
    @media screen and (max-width: 1299.99px) {
      .enquiry-form .inner {
        flex-flow: column;
        align-items: flex-start; } }
    .enquiry-form .inner h3 {
      font-size: 30px;
      color: #ffffff;
      padding: 0;
      margin: 0;
      width: 100%;
      /*  max-width: 330px; */
      margin-bottom: 1.5vh; }
  .enquiry-form .form-content {
    width: 100%; }
    .enquiry-form .form-content form {
      display: flex;
      flex-flow: column;
      width: 100%;
      gap: 1vw; }
      @media screen and (max-width: 1022.99px) {
        .enquiry-form .form-content form {
          flex-wrap: wrap; } }
      .enquiry-form .form-content form .ip-box {
        /* width: calc(33.33% - (145px / 3)); */
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.5vw;
        justify-content: space-between;
        /*  @media screen and (max-width: 1022.99px) {
             width: 49%;
         } */ }
        @media screen and (max-width: 598.99px) {
          .enquiry-form .form-content form .ip-box {
            width: 100%; } }
    .enquiry-form .form-content label {
      color: #ffffff;
      font-weight: 400;
      margin: 0;
      min-width: 60px;
      font-size: 15px; }
      .enquiry-form .form-content select option{
        color:#000;
      }
    .enquiry-form .form-content input,
    .enquiry-form .form-content select {
      border: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.8);
      border-radius: 0px;
      padding: 0 5px 0 0;
      min-height: 35px;
      background: none;
      width: 100%;
      max-width: clamp(215px, 80%, 500px);
      color: #ffffff; }
      @media screen and (max-width: 1022.99px) {
        .enquiry-form .form-content input {
          max-width: clamp(215px, 92%, 600px); } }
      .enquiry-form .form-content input:focus,
      .enquiry-form .form-content select:focus {
        outline: none;
        border-color: white; }
    .enquiry-form .form-content .button-block {
      /* width: 145px; */ }
      @media screen and (max-width: 1022.99px) {
        .enquiry-form .form-content .button-block {
          /*  width: 49%; */
          display: flex;
          align-items: center;
          justify-content: flex-end; } }
      @media screen and (max-width: 598.99px) {
        .enquiry-form .form-content .button-block {
          width: 100%;
          margin-top: 1vh; } }
      .enquiry-form .form-content .button-block button {
        width: 100%;
        font-size:18px;
        text-transform: uppercase;
        border: none;
        padding: 8px 30px;
        background: #ffffff;
        color: #414141;
        font-size: clamp(18px, 1vw, 20px);
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .enquiry-form .form-content .button-block button:hover {
          background: #ffffff;
          color: #414141; }
        @media screen and (max-width: 1022.99px) {
          .enquiry-form .form-content .button-block button {
            max-width: 145px; } }
        @media screen and (max-width: 598.99px) {
          .enquiry-form .form-content .button-block button {
            max-width: 100%; } }

.hero-banner {
  background: #414141;
  background-size: 80%;
  height: clamp(350px, 85.926vh, 1200px);
  /* @media screen and (max-width: 1366px) {
      height: 100vh;
  } */ }
  @media screen and (max-width: 1600px) {
    .hero-banner {
      height: 100vh; } }
  @media screen and (max-width: 500px) {
    .hero-banner {
      height: 75vh;
      background-size: 130%; } }
  .hero-banner .godrej-inner-container {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    max-width: 1770px; }
    .hero-banner .godrej-inner-container .title-block {
      position: absolute;
      top: 3vh;
      z-index: 11;
      left: 2vw; }
      @media screen and (max-width: 1366px) {
        .hero-banner .godrej-inner-container .title-block {
          /* padding-top: clamp(80px, 19.531vh, 150px); */ } }
      .hero-banner .godrej-inner-container .title-block h4 {
        font-family: CeraGodrejInterioregular;
        text-transform: uppercase; }
    .hero-banner .godrej-inner-container .banner-image {
      position: relative;
      width: 100vw;
      max-width: 80vw;
      display: flex; }
      .hero-banner .godrej-inner-container .banner-image span {
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        font-family: CeraGodrejInterioBold;
        font-size: clamp(207px, 29.427vw, 565px);
        line-height: 1;
        text-transform: uppercase;
        color: #ffffff; }
        @media screen and (max-width: 599.99px) {
          .hero-banner .godrej-inner-container .banner-image span {
            font-size: 35vw; } }
        .hero-banner .godrej-inner-container .banner-image span.fill {
          z-index: 1; }
        .hero-banner .godrej-inner-container .banner-image span.bdr {
          z-index: 3;
          -webkit-text-stroke-width: 5px; }
          @media screen and (max-width: 766.99px) {
            .hero-banner .godrej-inner-container .banner-image span.bdr {
              -webkit-text-stroke-width: 2px; } }
      .hero-banner .godrej-inner-container .banner-image img {
        height: 100vh;
        max-height: clamp(350px, 68.402vh, 726px);
        object-fit: cover;
        position: relative;
        z-index: 2;
        margin: 0 auto; }
        @media screen and (max-width: 766.99px) {
          .hero-banner .godrej-inner-container .banner-image img {
            opacity: 0.8;
            width: 88vw;
            margin: 0 auto;
            max-height: 50vh; } }

/* @extend .section-title-description; */
.intro__text {
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding-top: 7vh;
  justify-content: center; }

.intro__title span {
  font-family: CeraGodrejInterioBold;
  /* font-size: clamp(207px, 29.427vw, 565px); */
  line-height: 1;
  text-transform: uppercase;
  color: #414141; }
  @media screen and (max-width: 599.99px) {
    .intro__title span {
      font-size: 35vw; } }
  .intro__title span.fill {
    z-index: 1;
    -webkit-text-fill-color: #414141;
    -webkit-text-stroke-width: 5px; }
  .intro__title span.bdr {
    z-index: 3;
    -webkit-text-stroke-width: 5px; }
    @media screen and (max-width: 766.99px) {
      .intro__title span.bdr {
        -webkit-text-stroke-width: 2px; } }

@media screen and (max-width: 766.99px) {
  .intro--animation .intro__tab-box {
    width: 98%;
    height: 50%; } }
@media screen and (max-width: 399.99px) {
  .intro--animation .intro__tab-box {
    height: 55%; } }

.intro__tab-box .section-slider-controller {
  position: absolute;
  bottom: 45px;
  padding-right: clamp(20px, 100%, 120px); }
  .intro__tab-box .section-slider-controller .arrow-wrapper span {
    background: #ffffff; }
.intro__tab-box .section-slider-controller .counter,
.intro__tab-box .section-slider-controller .counter span {
  color: #ffffff; }

.banner-logo-text {
  display: none; }
  .banner-logo-text .at-the-heart {
    position: absolute;
    z-index: 2;
    top: -20%;
    left: 15px; }
  @media screen and (max-width: 567.99px) {
    .banner-logo-text {
      display: block; } }

@media screen and (max-width: 567.99px) {
  .intro__title span.bdr {
    display: none !important; } }

.intro__tab-box__next .btn.btn--primary:after {
  background-color: #7b8c91; }

.amenities_container {
  width: 100%;
  clear: both;
  padding: 80px 0 124px; }
  @media screen and (max-width: 1500px) {
    .amenities_container {
      padding-left: clamp(25px, 5.208vw, 100px);
      padding-right: clamp(25px, 5.208vw, 100px); } }
  @media screen and (max-width: 767.99px) {
    .amenities_container {
      padding: 5vw 0 10vh; } }

.aminities-wrapper {
  background: #ffffff;
  /* padding-left: clamp(20px, 2vw, 30px); */ }
  .aminities-wrapper .amenities-heading-inner {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    .aminities-wrapper .amenities-heading-inner .amenities-heading {
      /*  padding-top: 50px; */
      /* max-width: clamp(320px, 60vw, 700px); */
      /* padding-left: clamp(20px, 9vw, 180px); */
      width: 100%;
      max-width: 700px;
      padding-bottom: 64px; }
      @media screen and (max-width: 767.99px) {
        .aminities-wrapper .amenities-heading-inner .amenities-heading {
          display: none; } }
      .aminities-wrapper .amenities-heading-inner .amenities-heading h2, .aminities-wrapper .amenities-heading-inner .amenities-heading p {
        text-transform: uppercase;
        color: #414141; }
      .aminities-wrapper .amenities-heading-inner .amenities-heading p {
        padding-top: 10px; }
  .aminities-wrapper#amenities2 h2,
  .aminities-wrapper#amenities2 p,
  .aminities-wrapper#amenities2 .section-slider-controller .counter,
  .aminities-wrapper#amenities2 .section-slider-controller .counter span, .aminities-wrapper#amenities3 h2,
  .aminities-wrapper#amenities3 p,
  .aminities-wrapper#amenities3 .section-slider-controller .counter,
  .aminities-wrapper#amenities3 .section-slider-controller .counter span {
    color: #414141; }
  .aminities-wrapper#amenities2 .section-slider-controller .arrow-wrapper span, .aminities-wrapper#amenities3 .section-slider-controller .arrow-wrapper span {
    background: #414141; }
  .aminities-wrapper#amenities2 .section-slider-controller .arrow-wrapper figure img, .aminities-wrapper#amenities3 .section-slider-controller .arrow-wrapper figure img {
    filter: brightness(0); }
  @media screen and (min-width: 767.99px) {
    .aminities-wrapper#amenities2 .godrej-inner-container, .aminities-wrapper#amenities3 .godrej-inner-container {
      flex-flow: row-reverse; }
    .aminities-wrapper#amenities2 .haeding-wrapper, .aminities-wrapper#amenities2 .section-slider-controller, .aminities-wrapper#amenities3 .haeding-wrapper, .aminities-wrapper#amenities3 .section-slider-controller {
      padding-left: clamp(20px, 4.844vw, 93px); } }
  @media screen and (max-width: 767.99px) {
    .aminities-wrapper {
      padding-left: 0; } }
  .aminities-wrapper .godrej-inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: 100vh;
    max-height: clamp(400px, 26.042vw, 500px);
    padding-top: 0; }
    @media screen and (max-width: 1499.99px) {
      .aminities-wrapper .godrej-inner-container {
        padding-top: 0; } }
    @media screen and (max-width: 767.99px) {
      .aminities-wrapper .godrej-inner-container {
        flex-flow: column-reverse;
        max-height: unset;
        height: unset;
        transform: none !important;
        padding-top: 50px; } }
    .aminities-wrapper .godrej-inner-container h2 {
      text-transform: uppercase;
      color: #414141; }
    .aminities-wrapper .godrej-inner-container h2 + p {
      margin-top: clamp(20px, 5%, 45px); }
  @media screen and (max-width: 1499.99px) {
    .aminities-wrapper .amenities-first-container {
      padding-top: 50px; } }
  .aminities-wrapper .aminities-left-panel {
    height: 100%;
    width: 100%;
    max-height: clamp(400px, 70%, 500px);
    /*  max-width: clamp(320px, 40vw, 576px);
     max-width: clamp(320px, 39.063vw, 756px); */
    /*  padding-bottom: clamp(17px, 5%, 34px); */
    max-width: 756px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 767.99px) {
      .aminities-wrapper .aminities-left-panel {
        width: 100%;
        max-width: 100%;
        padding-left: clamp(20px, 2vw, 30px);
        padding-right: clamp(20px, 2vw, 30px);
        padding-top: clamp(20px, 2vw, 30px); } }
    .aminities-wrapper .aminities-left-panel .sports-arcade-heading h3 {
      color: #414141 !important; }
    .aminities-wrapper .aminities-left-panel .haeding-wrapper {
      padding-right: clamp(20px, 4.844vw, 93px); }
      @media screen and (max-width: 767.99px) {
        .aminities-wrapper .aminities-left-panel .haeding-wrapper {
          display: none; } }
      .aminities-wrapper .aminities-left-panel .haeding-wrapper h2 {
        padding-bottom: 10px; }
      .aminities-wrapper .aminities-left-panel .haeding-wrapper h3 {
        font-family: CeraGodrejInteriomedium;
        font-size: clamp(15px, 12.5vw, 20px);
        line-height: 1.2;
        color: #414141;
        padding-bottom: 30px; }
      .aminities-wrapper .aminities-left-panel .haeding-wrapper p {
        line-height: 1.8;
        color: #414141; }
    @media screen and (max-width: 767.99px) {
      .aminities-wrapper .aminities-left-panel .section-slider-controller {
        padding-right: 0; } }
  .aminities-wrapper .aminities-right-panel {
    width: 100%;
    overflow-x: hidden;
    height: 100%;
    min-height: clamp(400px, 70%, 500px);
    /* max-width: clamp(320px, 40vw, 576px); 
    max-width: clamp(320px, 36.458vw, 700px);*/
    max-width: 700px; }
    @media screen and (max-width: 767.99px) {
      .aminities-wrapper .aminities-right-panel {
        min-height: 450px; } }
    .aminities-wrapper .aminities-right-panel .haeding-wrapper {
      display: none;
      padding: 0 clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px); }
      .aminities-wrapper .aminities-right-panel .haeding-wrapper h2 {
        width: 60vw; }
      .aminities-wrapper .aminities-right-panel .haeding-wrapper p {
        width: 76vw; }
      @media screen and (max-width: 767.99px) {
        .aminities-wrapper .aminities-right-panel .haeding-wrapper h2, .aminities-wrapper .aminities-right-panel .haeding-wrapper p {
          width: 100%;
          text-align: center; } }
      @media screen and (max-width: 767.99px) {
        .aminities-wrapper .aminities-right-panel .haeding-wrapper {
          display: block; } }
      @media screen and (max-width: 499.99px) {
        .aminities-wrapper .aminities-right-panel .haeding-wrapper {
          display: block; }
          .aminities-wrapper .aminities-right-panel .haeding-wrapper h2,
          .aminities-wrapper .aminities-right-panel .haeding-wrapper p {
            width: 100%; } }
    .aminities-wrapper .aminities-right-panel ul {
      overflow-x: hidden;
      height: 100%; }
      .aminities-wrapper .aminities-right-panel ul * {
        height: 100%; }
      .aminities-wrapper .aminities-right-panel ul li {
        position: relative;
        height: 100%; }
        .aminities-wrapper .aminities-right-panel ul li figure {
          height: 100%;
          background-color: #000;
          position: relative; }
          .aminities-wrapper .aminities-right-panel ul li figure::after {
            display: none;
            content: '';
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: black;
            background: linear-gradient(360deg, black 0%, rgba(232, 243, 237, 0) 40%); }
          .aminities-wrapper .aminities-right-panel ul li figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: right bottom; }
        .aminities-wrapper .aminities-right-panel ul li figcaption {
          font-family: CeraGodrejInteriomedium;
          font-size: clamp(15px, 1.6vw, 30px);
          line-height: 1;
          color: #ffffff;
          position: absolute;
          z-index: 2;
          left: clamp(20px, 3%, 40px);
          bottom: clamp(20px, 3%, 34px);
          height: unset;
          background: rgba(0, 0, 0, 0.5);
          padding: 0.5vw;
          text-transform: uppercase; }

.aminities-wrapper + .aminities-wrapper {
  margin-top: 22vh; }
  @media screen and (max-width: 767.99px) {
    .aminities-wrapper + .aminities-wrapper {
      margin-top: 2vh; } }

.overview-wrapper {
  background: #414141;
  height: clamp(760px, 100vh, 1080px);
  min-height: 760px;
  position: relative; }
  @media screen and (max-width: 991.99px) {
    .overview-wrapper {
      height: 75vh;
      min-height: unset; } }
  .overview-wrapper .overview-content {
    width: 74vw;
    height: 100%;
    /* overflow-x: hidden; */ }
    @media screen and (max-width: 991.99px) {
      .overview-wrapper .overview-content {
        width: 100vw; } }
    .overview-wrapper .overview-content ul {
      height: 100%; }
      .overview-wrapper .overview-content ul li {
        height: 100%;
        position: relative; }
    .overview-wrapper .overview-content figure.overview-bg {
      float: left;
      height: 100%;
      background: #000000;
      width: 74vw;
      max-height: 1080px; }
      @media screen and (max-width: 991.99px) {
        .overview-wrapper .overview-content figure.overview-bg {
          width: 100vw; } }
      .overview-wrapper .overview-content figure.overview-bg img {
        height: 100vh;
        object-fit: cover;
        opacity: 0.8;
        width: 74vw; }
        @media screen and (max-width: 991.99px) {
          .overview-wrapper .overview-content figure.overview-bg img {
            width: 100vw;
            height: 75vh; } }
    .overview-wrapper .overview-content h2 {
      font-family: CeraGodrejInterioregular;
      font-size: clamp(80%, 10vw, 200px);
      line-height: 0.78;
      position: absolute;
      z-index: 1;
      color: #ffffff;
      left: clamp(20px, 3vw, 75px);
      bottom: 0; }
      @media screen and (max-width: 991.99px) {
        .overview-wrapper .overview-content h2 {
          font-size: clamp(80%, 8vw, 130px); } }
      @media screen and (max-width: 481.99px) {
        .overview-wrapper .overview-content h2 {
          display: none; } }
  .overview-wrapper .overview-slider {
    background: #c3cdd0;
    width: clamp(320px, 43.021vw, 826px);
    height: clamp(350px, 64.8vh, 700px);
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: clamp(20px, 3.021vh, 58px);
    padding-left: clamp(20px, 3.333vw, 64px);
    padding-bottom: clamp(20px, 3.854vh, 74px); }
    .overview-wrapper .overview-slider ul li {
      padding-right: clamp(20px, 11.979vw, 230px); }
      @media screen and (max-width: 1299.99px) {
        .overview-wrapper .overview-slider ul li {
          padding-right: clamp(20px, 3.333vw, 64px); } }
    .overview-wrapper .overview-slider h3,
    .overview-wrapper .overview-slider h4,
    .overview-wrapper .overview-slider p {
      color: #414141; }
    .overview-wrapper .overview-slider h3 + h4 {
      padding-top: clamp(5px, 20vh, 12px); }
    .overview-wrapper .overview-slider p {
      line-height: 1.6;
      padding-top: clamp(20px, 50vh, 47px); }
      @media screen and (max-width: 990.99px) {
        .overview-wrapper .overview-slider p {
          display: -webkit-box;
          -webkit-line-clamp: 8;
          -webkit-box-orient: vertical;
          overflow: hidden; } }
    .overview-wrapper .overview-slider .section-slider-controller {
      padding-right: clamp(20px, 11.979vw, 230px); }
      @media screen and (max-width: 1299.99px) {
        .overview-wrapper .overview-slider .section-slider-controller {
          padding-right: clamp(20px, 3.333vw, 64px); } }
      .overview-wrapper .overview-slider .section-slider-controller .arrow-wrapper span {
        background: #414141; }
      .overview-wrapper .overview-slider .section-slider-controller .counter {
        color: #414141; }
        .overview-wrapper .overview-slider .section-slider-controller .counter * {
          color: #414141; }

.location-wrapper {
  background: #414141;
  padding-top: clamp(42px, 11.481vh, 124px); }
  @media screen and (min-width: 768px) and (max-width: 1440px) {
    .location-wrapper {
      padding-left: clamp(25px, 5.208vw, 100px);
      padding-right: clamp(25px, 5.208vw, 100px); } }
  @media screen and (max-width: 767.99px) {
    .location-wrapper {
      padding: 50px; } }
  .location-wrapper .title-block h2 {
    padding-right: min(4.762vw, 70px); }
  .location-wrapper .title-block h2,
  .location-wrapper .title-block p {
    color: #ffffff; }
  .location-wrapper .by-car-location {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: clamp(57px, 10.648vh, 115px); }
    @media screen and (max-width: 767.99px) {
      .location-wrapper .by-car-location {
        flex-flow: wrap; } }
    .location-wrapper .by-car-location h2 {
      text-transform: uppercase;
      font-size: clamp(80%, 10vw, 155px);
      line-height: 1;
      padding-right: clamp(20px, 3.021vw, 58px); }
      @media screen and (max-width: 767.99px) {
        .location-wrapper .by-car-location h2 {
          flex: 0 0 100%;
          padding: 0 0 3vh; }
          .location-wrapper .by-car-location h2 br {
            display: none; } }
    .location-wrapper .by-car-location figure img {
      max-height: min(73.148vh, 790px); }
    @media screen and (max-width: 767.99px) {
      .location-wrapper .by-car-location figure {
        width: 35vw; } }
    .location-wrapper .by-car-location ul {
      margin-left: auto;
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: space-around;
      width: 100%;
      max-width: min(30.729vw, 590px); }
      @media screen and (max-width: 767.99px) {
        .location-wrapper .by-car-location ul {
          width: 50vw;
          max-width: unset; } }
      .location-wrapper .by-car-location ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        gap: 1vw; }
        @media screen and (max-width: 767.99px) {
          .location-wrapper .by-car-location ul li {
            flex-flow: column;
            text-align: center; } }
        .location-wrapper .by-car-location ul li span {
          font-family: CeraGodrejInteriomedium;
          color: #ffffff; }
          .location-wrapper .by-car-location ul li span:first-child {
            font-size: clamp(25px, 5.833vw, 112px);
            line-height: 1; }
            @media screen and (max-width: 767.99px) {
              .location-wrapper .by-car-location ul li span:first-child {
                font-size: 10vw; } }
          .location-wrapper .by-car-location ul li span:last-child {
            font-size: clamp(15px, 1.042vw, 20px);
            line-height: 1; }
      .location-wrapper .by-car-location ul li + li {
        margin-top: 2vh; }

#location,
.place-auto {
  background: #ffffff; }

.place-auto {
  padding-top: clamp(42px, 15.556vh, 168px);
  padding-bottom: clamp(42px, 15.556vh, 168px); }

.h1.place-circle__distance {
  color: #ffffff;
  font-size: clamp(38px, 7vw, 82px); }

.place-circle__sub-title {
  font-family: CeraGodrejInteriomedium;
  font-size: clamp(12px, 2vw, 15px);
  text-transform: uppercase;
  width: auto;
  color: #ffffff; }
  .place-circle__sub-title span {
    font-family: CeraGodrejInterioBold;
    font-size: clamp(18px, 2.5vw, 40px);
    line-height: 1;
    display: block; }
    @media screen and (max-width: 767.99px) {
      .place-circle__sub-title span {
        display: inline;
        font-size: 13px; }
        .place-circle__sub-title span br {
          display: none; } }
  .place-circle__sub-title.static {
    font-size: clamp(18px, 3.5vw, 30px);
    left: -10%;
    margin: 0; }
    .place-circle__sub-title.static em {
      font-style: normal; }
      .place-circle__sub-title.static em.place-circle-20 {
        display: none; }
    @media screen and (max-width: 767.99px) {
      .place-circle__sub-title.static {
        bottom: calc(var(--spacing) + 32vw); } }

.place-circle--3 .place-circle__sub-title.static em.place-circle-5-10 {
  display: none; }
.place-circle--3 .place-circle__sub-title.static em.place-circle-20 {
  display: block; }

.place-auto__list__title {
  font-family: CeraGodrejInteriomedium; }
  @media screen and (max-width: 767.99px) {
    .place-auto__list__title {
      font-size: 10vw; } }

.place-auto__list li span {
  font-family: CeraGodrejInteriomedium;
  font-size: clamp(15px, 1.042vw, 20px);
  line-height: 1;
  text-transform: uppercase; }
  @media screen and (max-width: 767.99px) {
    .place-auto__list li span {
      width: 50%; } }

.place-circle__text em {
  font-family: CeraGodrejInteriomedium;
  font-size: clamp(15px, 1.042vw, 20px);
  color: #ffffff;
  font-style: normal;
  opacity: 0.5;
  display: block;
  letter-spacing: normal; }
  .place-circle__text em.active {
    opacity: 1; }

@media screen and (max-width: 767.99px) {
  .place-circle__sub-title {
    bottom: calc(var(--spacing) + 25vw);
    font-size: 13px; } }

@media screen and (max-width: 767.99px) {
  .place-circle__contents__item {
    left: 0;
    text-align: left; } }

.place-circle__inner circle,
.place-circle__inner line,
.place-circle__line circle,
.place-circle__line line,
.place-circle__outer circle,
.place-circle__outer line {
  stroke: #ffffff; }

.advantages {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: clamp(25px, 5.208vw, 100px);
  padding-right: clamp(25px, 5.208vw, 100px); }
  @media screen and (min-width: 768px) and (max-width: 1440px) {
    .advantages {
      padding-left: clamp(25px, 5.208vw, 100px);
      padding-right: clamp(25px, 5.208vw, 100px); } }
  @media screen and (max-width: 767.99px) {
    .advantages {
      padding: 50px; } }

.title-block p {
  padding-bottom: clamp(22px, 4.074vh, 44px); }

.advantages-item__title {
  left: 2vw;
  bottom: 1.667vh;
  font-family: CeraGodrejInteriomedium;
  font-size: clamp(25px, 1.406vw, 27px);
  color: #ffffff;
  text-transform: capitalize; }

.advantages-item__image,
.advantages-item__image img {
  opacity: 0.8; }

.advantages-item__hover__description {
  height: 100%; }
  .advantages-item__hover__description ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row;
    flex-wrap: wrap;
    height: 100%;
    position: relative; }
    .advantages-item__hover__description ul::after {
      content: '';
      height: 80%;
      width: 1px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #ffffff;
      position: absolute; }
    .advantages-item__hover__description ul::before {
      content: '';
      height: 1px;
      width: 80%;
      top: 50%;
      left: 10%;
      transform: translateY(-50%) rotate(360deg);
      background-color: #ffffff;
      position: absolute; }
    .advantages-item__hover__description ul li {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
      padding: 0 !important;
      margin: 0 !important;
    /* border-right: solid 1px #fff;
  border-bottom: solid 1px #fff; */
      /*  &:nth-child(2),  &:nth-child(4) {
           border-right-color:transparent;
       } */
      /* &:nth-child(3), &:nth-child(4) {
          border-bottom-color:transparent;
      } */ }
      .advantages-item__hover__description ul li img {
        max-width: 80%; }

.godrej-trust-wrapper {
  background: #414141;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  @media screen and (max-width: 767.99px) {
    .godrej-trust-wrapper {
      flex-flow: column-reverse; } }
  .godrej-trust-wrapper .trust-bdr-text {
    font-family: CeraGodrejInterioBold;
    font-size: clamp(207px, 21.667vw, 415px);
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767.99px) {
      .godrej-trust-wrapper .trust-bdr-text {
        display: none; } }
  .godrej-trust-wrapper .title-block {
    /*  padding-top: clamp(57px, 17.593vh, 114px);
     padding-bottom: clamp(57px, 12.037vh, 114px); */
    /* @extend .global-section-space; */
    margin-left: auto;
    position: relative; }
    .godrej-trust-wrapper .title-block h2, .godrej-trust-wrapper .title-block p, .godrej-trust-wrapper .title-block span {
      color: #ffffff; }
    @media screen and (max-width: 767.99px) {
      .godrej-trust-wrapper .title-block {
        padding: 0 25px 50px; }
        .godrej-trust-wrapper .title-block h2 {
          display: none; } }
    .godrej-trust-wrapper .title-block span {
      font-family: CeraGodrejInterioBold;
      display: inline-block; }
  .godrej-trust-wrapper figure {
    width: 100%;
    max-width: clamp(480px, 48.542vw, 932px);
    background: #000000;
    position: relative; }
    @media screen and (min-width: 1024px) and (max-width: 1440px) {
      .godrej-trust-wrapper figure {
        max-width: clamp(120px, 48.542vw, 500px); } }
    .godrej-trust-wrapper figure figcaption, .godrej-trust-wrapper figure .trust-bdr-text {
      display: none; }
    @media screen and (max-width: 767.99px) {
      .godrej-trust-wrapper figure {
        width: 100%; }
        .godrej-trust-wrapper figure figcaption {
          display: block;
          background: #414141;
          padding: clamp(20px, 11.364vh, 100px) 20px 20px;
          color: #ffffff;
          text-transform: uppercase; } }
    @media screen and (max-width: 767.99px) and (max-width: 767.99px) {
      .godrej-trust-wrapper figure figcaption {
        text-align: center;
        padding-top: 50px; } }
    @media screen and (max-width: 767.99px) {
          .godrej-trust-wrapper figure figcaption h2 {
            color: #ffffff; }
        .godrej-trust-wrapper figure .trust-bdr-text {
          display: block;
          position: absolute;
          z-index: 1;
          left: 50%;
          top: 70%;
          transform: translate(-50%, -50%);
          font-size: 30vw; } }
    .godrej-trust-wrapper figure img {
      object-fit: cover;
      width: 100%;
      opacity: 0.9;
      object-position: right bottom; }
      @media screen and (max-width: 767.99px) {
        .godrej-trust-wrapper figure img {
          height: 250px; } }

.godrej-map-wrapper {
  background: #fff;
  display: flex;
  position: relative; }
  @media screen and (max-width: 767.99px) {
    .godrej-map-wrapper {
      height: auto; } }
  @media screen and (max-width: 767.99px) {
    .godrej-map-wrapper {
      flex-flow: column-reverse; } }
  .godrej-map-wrapper .title-block {
    padding-top: clamp(57px, 17.593vh, 114px);
    padding-bottom: clamp(57px, 12.037vh, 114px);
    margin-left: auto;
    position: relative; }
    @media screen and (min-width: 768px) and (max-width: 1440px) {
      .godrej-map-wrapper .title-block {
        padding-top: clamp(20px, 10vh, 90px);
        padding-bottom: clamp(20px, 10vh, 90px); } }
    .godrej-map-wrapper .title-block h2,
    .godrej-map-wrapper .title-block p,
    .godrej-map-wrapper .title-block span {
      color: #414141; }
    .godrej-map-wrapper .title-block p {
      padding-right: 0; }
    .godrej-map-wrapper .title-block h3 {
      font-family: CeraGodrejInteriomedium;
      font-size: clamp(15px, 12.5vw, 20px);
      line-height: 1.2;
      color: #414141;
      padding-bottom: 10px;
      min-height: 50px;
      display: flex;
      align-items: center;
      gap: 10px; }
    @media screen and (max-width: 767.99px) {
      .godrej-map-wrapper .title-block {
        padding: 25px 25px 50px; } }
    .godrej-map-wrapper .title-block span {
      font-family: CeraGodrejInterioBold;
      display: inline-block; }
    .godrej-map-wrapper .title-block .map-list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 15px;
      margin-top: 15px; }
      @media screen and (max-width: 767.99px) {
        .godrej-map-wrapper .title-block .map-list {
          text-align: left;
          gap: 30px;
          margin-top: 20px; } }
      .godrej-map-wrapper .title-block .map-list .map-list-content {
        width: calc(50% - 15px); }
        @media screen and (max-width: 767.99px) {
          .godrej-map-wrapper .title-block .map-list .map-list-content {
            width: 100%; } }
        .godrej-map-wrapper .title-block .map-list .map-list-content div {
          /* min-height: 220px; */
          border-bottom: 1px solid #414141; }
          @media screen and (min-width: 1024px) and (max-width: 1440px) {
            .godrej-map-wrapper .title-block .map-list .map-list-content div {
              max-width: clamp(100px, 20.94vw, 255px); } }
          .godrej-map-wrapper .title-block .map-list .map-list-content div figure {
            max-width: clamp(15px, 4vw, 33px);
            margin-bottom: 10px; }
          .godrej-map-wrapper .title-block .map-list .map-list-content div ul {
            margin-bottom: 15px; }
            .godrej-map-wrapper .title-block .map-list .map-list-content div ul.line-icon li {
              padding-left: 36px;
              position: relative; }
              .godrej-map-wrapper .title-block .map-list .map-list-content div ul.line-icon li img {
                position: absolute;
                z-index: 1;
                top: 9px;
                left: 12px;
                transform: translateY(-50%); }
            .godrej-map-wrapper .title-block .map-list .map-list-content div ul li {
              padding: 0 0 0 15px;
              color: #414141;
              background-image: url(../images/map-listing-before.png);
              background-repeat: no-repeat;
              background-size: 8px;
              background-position: left top 4px; }
              .godrej-map-wrapper .title-block .map-list .map-list-content div ul li img {
                vertical-align: middle; }
              .godrej-map-wrapper .title-block .map-list .map-list-content div ul li:last-child img {
                opacity: 0.5; }
  .godrej-map-wrapper .map-img-wrapper {
    width: 100vw;
    display: flex;
    max-width: 700px; }
    @media screen and (max-width: 767.99px) {
      .godrej-map-wrapper .map-img-wrapper {
        max-height: 400px; } }
    .godrej-map-wrapper .map-img-wrapper img {
      object-fit: cover;
      object-position: center center; }

.disclaimer-wrapper {
  padding-top: clamp(22px, 4.074vh, 44px);
  padding-bottom: 0;
  background: #000000;
  padding-left: clamp(25px, 5.208vw, 100px);
  padding-right: clamp(25px, 5.208vw, 100px); }
  @media screen and (min-width: 768px) and (max-width: 1440px) {
    .disclaimer-wrapper {
      padding-left: clamp(25px, 5.208vw, 100px);
      padding-right: clamp(25px, 5.208vw, 100px); } }
  @media screen and (max-width: 767.99px) {
    .disclaimer-wrapper {
      padding: 50px 25px; } }
  .disclaimer-wrapper .title-block h2 {
    font-size: 2vw;
    line-height: 1; }
    @media screen and (max-width: 767.99px) {
      .disclaimer-wrapper .title-block h2 {
        font-size: clamp(32px, 3.3vw, 60px); } }
  .disclaimer-wrapper .title-block h2,
  .disclaimer-wrapper .title-block p {
    color: #ffffff; }
  .disclaimer-wrapper .title-block p {
    opacity: 0.5; }
    @media screen and (max-width: 767.99px) {
      .disclaimer-wrapper .title-block p {
        padding-top: 15px; } }
  .disclaimer-wrapper .title-block .qr-code-block {
    display: flex;
    padding-right: min(4.762vw, 70px);
    padding-bottom: clamp(22px, 4.074vh, 44px); }
    @media screen and (max-width: 767.99px) {
      .disclaimer-wrapper .title-block .qr-code-block {
        flex-flow: column;
        padding-right: 0;
        padding-bottom: 0;
        gap: 15px; } }
    .disclaimer-wrapper .title-block .qr-code-block p {
      padding-right: 0; }
    .disclaimer-wrapper .title-block .qr-code-block img {
      max-width: 80px; }

/*# sourceMappingURL=custom.css.map */
