:root {
  --navy: #052d5a;
  --gold: #b27a1b;
  --text: #17385c;
  --ipan-bg: #fbf8f2;
  --ipan-card: #fffdfa;
  --ipan-line: #e5d7bf;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

/*--Growth Properties section--*/
.growth-teaser {
  padding: 0;
}

.growth-teaser__container {
  position: relative;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background: url("https://storage.ipan.co.in/images/growth-properties-plotted-visual.png") center center / cover no-repeat;
  border-radius: 20px;
}

.growth-teaser__container.hindipg-container {
  font-family: inherit;
}

.growth-teaser__container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
      /* rgba(255,255,255,.99) 0%, */ rgba(245, 249, 252, .98) 24%,
    rgba(239, 249, 254, .93) 38%,
    rgba(219, 242, 251, .72) 50%,
    rgba(202, 235, 248, .28) 64%,
    rgba(202, 235, 248, 0) 78%
  );
  pointer-events: none;
}

.growth-teaser__content {
  position: relative;
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px 20px 42px 48px;
  color: var(--text);
  z-index: 2;
}

.growth-teaser__brand {
  margin-bottom: 28px;
}

.growth-teaser__brand-main {
  display: block;
  font: 700 clamp(38px, 4.5vw, 62px)/1 'Poppins', sans-serif;
  letter-spacing: .12em;
  color: var(--navy);
}

.growth-teaser__brand-sub {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 0px;
  font-family: 'Poppins', sans-serif;
  color: var(--gold);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: .26em;
}

.growth-teaser__brand-sub::before,
.growth-teaser__brand-sub::after {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--gold);
}

.hindipg-container .growth-teaser__brand-main {
  display: inline;
  letter-spacing: normal;
  padding-right: 8px;
}

.hindipg-container .growth-teaser__brand-sub {
  display: inline;
  font: 700 clamp(38px, 4.5vw, 62px)/1 'Poppins', sans-serif;
  letter-spacing: normal
}

.growth-teaser h1 {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  color: var(--navy);
}

.growth-teaser h1 span {
  color: var(--gold);
}

.growth-teaser__description {
  max-width: 470px;
  margin: 0 0 25px;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.5;
}

.growth-teaser__tagline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 26px;
  color: var(--gold);
  font-size: 18px;
  font-weight: 700;
}

.growth-teaser__tagline-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border: 1px solid var(--gold);
  border-radius: 50%;
  font-size: 21px;
}

.growth-teaser__cta {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 56px;
  padding: 0 26px;
  border-radius: 6px;
  background: var(--navy);
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
  box-shadow: 0 12px 25px rgba(5, 45, 90, .16);
  transition: transform .25s ease, background .25s ease;
}

.growth-teaser__cta:hover {
  transform: translateY(-2px);
  background: #0a3d75;
}


.growth-teaser__cta-arrow {
  display: inline-block;
  animation: ctaArrowMove 1.15s ease-in-out infinite;
}

.growth-teaser__cta:hover .growth-teaser__cta-arrow {
  animation-play-state: paused;
  transform: translateX(8px);
}

@keyframes ctaArrowMove {
  0%, 100% {
    transform: translateX(0)
  }
  50% {
    transform: translateX(8px)
  }
}

@media (prefers-reduced-motion: reduce) {
  .growth-teaser__cta-arrow {
    animation: none
  }
}

.gp-city-wrap {
  position: relative;
  z-index: 5;
  padding: 16px 20px 14px;
  border: 1px solid rgba(184, 121, 22, .18);
  border-radius: 20px;
  /* background:rgba(255,253,250,.94); */
  box-shadow: 0 16px 40px rgba(28, 49, 76, .09);
  backdrop-filter: blur(12px);
}

.gp-city-wrap .indexprolist .itms_imgText .imgtextitm {
  background-color: rgba(255, 255, 255, 1);
  color: #4b4a4a;
}

.gp-city-card {
  min-height: 116px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px;
  border-right: 1px solid var(--ipan-line);
  text-align: center;
}

.gp-city-icon {
  font-size: 34px;
  color: var(--ipan-gold);
}

.gp-city-card h3 {
  margin: 0;
  font-size: 16px;
  color: var(--ipan-navy);
}

.gp-city-wrap .owl-nav {
  margin: 0;
}

.gp-city-wrap .indexprolist.owl-carousel .owl-nav button.owl-prev,
.gp-city-wrap .indexprolist.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  margin: 0;
  transform: translateY(-50%);
  border: 1px solid var(--ipan-line);
  border-radius: 50%;
  background: #fff;
  color: var(--ipan-navy);
  font-size: 25px;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
}

.gp-city-wrap .owl-dots {
  margin-top: 8px;
}

.gp-city-wrap .owl-dot span {
  width: 7px !important;
  height: 7px !important;
  background: #d9c8ab !important;
}

.gp-city-wrap .owl-dot.active span {
  background: var(--ipan-gold) !important;
}

.indexprolist.owl-carousel .owl-nav button.owl-next span, .indexprolist.owl-carousel .owl-nav button.owl-prev span {
  font-size: 32px;
  line-height: 20px;
}

/*--end Growth Properties section--*/

@media (max-width: 991px) {
  /*--Growth Properties section--*/
  .growth-teaser__container {
    width: min(100% - 30px, 1140px);
    height: auto;
    min-height: 720px;
    background-position: 62% center;
  }

  .growth-teaser__container::before {
    background: linear-gradient(
      180deg,
      rgba(247, 252, 255, .97) 42%,
      rgba(222, 244, 253, .78) 58%,
      rgba(203, 237, 250, .28) 74%,
      rgba(203, 237, 250, 0) 100%
    );
  }

  .growth-teaser__content {
    width: 100%;
    height: auto;
    min-height: 720px;
    justify-content: flex-start;
    padding: 42px 30px 330px;
  }

  .growth-teaser__description {
    max-width: 610px;
  }

  /*--end Growth Properties section--*/
}

@media (max-width: 768px) {
  /*--Growth Properties section--*/
  .growth-teaser__container {
    width: 100%;
    min-height: auto;
    background-position: 80% bottom;
  }

  .growth-teaser__content {
    min-height: auto;
    padding: 30px 22px 100px;
  }

  .growth-teaser__brand {
    margin-bottom: 22px;
  }

  .growth-teaser__brand-main {
    font-size: 34px;
  }

  .growth-teaser__brand-sub {
    gap: 8px;
    font-size: 12.75px;
    letter-spacing: .27em;
  }

  .growth-teaser__brand-sub::before,
  .growth-teaser__brand-sub::after {
    width: 25px;
  }

  .growth-teaser h1 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .growth-teaser__description {
    font-size: 17px;
  }

  .growth-teaser__tagline {
    align-items: flex-start;
    font-size: 16px;
  }

  .growth-teaser__cta {
    width: 100%;
    font-size: 16px;
  }

  /*--end Growth Properties section--*/
}