/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

.cormorant-garamond {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.mulish {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: radikal;
  src: url("../assets/fonts/Nootype-RadikalLight.otf");
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --white: #ffffff;
  --black: #000000;
  --primary: #000;
  --mulish: "Mulish", sans-serif;
  --radikal: "radikal";
  --font-cormorant: "Cormorant Garamond", serif;
  --color: #f8da8f;
  --color-3: transparent;
  --radius-full: 100px;
}

html {
  scroll-behavior: smooth !important;
  overflow-x: hidden;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

body {
  overflow-x: hidden !important;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  padding-right: 0px !important;
  background: var(--white);
  font-family: var(--mulish);
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #ffffff00;
}

body::-webkit-scrollbar {
  width: 9px;
  background-color: #ffffff00;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #cfcfcf;
}

body.loading {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body.loaded {
  -webkit-animation: fadeIn 3s ease-out forwards;
  animation: fadeIn 3s ease-out forwards;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* form loader css */

.overviewFormWrap {
  width: 80%;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 20px;
  border-radius: 10px;
}

.form-loader {
  display: none;
}

.form-loader-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: var(--light);
  border: 2px solid var(--white);
  margin: auto;
  padding: 0.45rem 0.75rem 0.3rem 0.75rem;
  border-radius: 4px;
}

.form-loader-wrapper .loader-txt {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
}

.f-loader {
  width: 25px;
  height: 25px;
  border: 3px solid var(--white);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation 0.75s linear infinite;
  animation: rotation 0.75s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* form loader css */

.compensate-for-scrollbar {
  margin-right: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0rem !important;
}

ul {
  padding-left: 0rem !important;
  margin-bottom: 0rem !important;
}

li {
  list-style: none;
  text-decoration: none;
}

a {
  text-decoration: none !important;
}

p {
  margin-bottom: 0rem !important;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

#kenytChatBubble.style1 {
  bottom: 8% !important;
}

.line {
  width: 6vw;
  height: 2px;
  border-radius: 100px;
  background-color: var(--primary);
  position: relative;
  bottom: 15px;
}

.line.about-line {
  bottom: unset;
}

.line.light {
  background-color: var(--light);
}

header {
  position: fixed;
  z-index: 10;
  top: 0vw;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100vw;
  left: 50%;
  background: var(--white);
  transform: translate(-50%, 0%);
  z-index: 999;
}

header.dropped {
  top: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100vw;
  /* background-color: var(--light); */
}

nav {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.85rem 4rem;
}

nav.dropped {
  background-color: var(--primary);
}

.navbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  gap: 1rem;
  align-items: center;
}

.navbar-container .navlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5rem;
}

.navbar-container .menu {
  display: none;
}

.navbar-container .navlogo .logo {
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  /* width: 100px; */
  -o-object-fit: cover;
  object-fit: cover;
}

nav.dropped .navbar-container .navlogo .logo {
  width: 100px;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  -o-object-fit: cover;
  object-fit: cover;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* gap: 1rem; */
  height: 60px;
}

.logo-img.logo-img-1 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 80px;
  max-width: 100%;
  position: relative;
}

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

.logo-img.logo-img-1::after {
  content: "";
  position: absolute;
  width: 1px;
  top: 0;
  right: -41px;
  height: 100%;
  background-color: var(--white);
}

.logo-img.logo-img-2 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 55px;
  max-width: 100%;
}

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

.mob-logo {
  width: 230px;
  -o-object-fit: contain;
  object-fit: contain;
}

.navbar-container .navbar-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* .navbar-link {
  position: relative;
  display: inline-block;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  bottom: -5px;
  transform: scaleX(0);
  transform-origin: center;
  background-color: var(--primary);
  transition: transform 0.5s ease;
}

.nav-link:hover::after {
  transform: scaleX(1);
} */

.navbar-container .navbar-links .navbar-link .nav-link {
  color: #000;
  font-size: 19px;
  line-height: normal;
  font-style: normal;
  font-family: var(--radikal);
  font-weight: 400;
  text-wrap: nowrap;
  text-transform: capitalize;
}

.offcanvas.offcanvas-start {
  background: var(--white);
}

.offcanvas-body {
  padding: 2rem 1.5rem;
  background-color: var(--white);
  height: 100%;
  overflow-y: auto;
}

.offcanvas-navs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

.offcanvas-link {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--primary);
  font-family: var(--font-cormorant);
  text-transform: capitalize;
  padding-bottom: 0.5rem;
  position: relative;
  transition: all 0.3s ease;
}

.offcanvas-link:hover {
  color: var(--primary);
}

.offcanvas-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--primary);
  left: 0;
  bottom: 0;
}

.offcanvas-nav:last-child .offcanvas-link::after {
  display: none;
}

.btn-primary {
  color: var(--white);
  border: none;
  position: relative;
  border-radius: 20px;
  outline: none;
  display: flex;
  justify-content: center;
  background: transparent;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.25rem;
  text-wrap: nowrap;
  font-size: 1rem;
  overflow: hidden;
  transition: color 0.6s ease, border 0.6s ease;
  border: 1px solid transparent;
  z-index: 1;
      margin-left: -30px;
}

.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background: var(--primary); */
  z-index: -1;
  transform: translateY(0%);
  transition: transform 0.6s ease;
}

.btn-primary:hover::before {
  transform: translateY(100%);
}

.btn-primary:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
}

@-webkit-keyframes pulse-effect {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 #a77d40;
    box-shadow: 0 0 0 0 #a77d40;
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.144);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.144);
  }

  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

@keyframes pulse-effect {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 #a77d40;
    box-shadow: 0 0 0 0 #a77d40;
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
  }

  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.modal-logo {
  width: 100%;
  max-width: 100%;
}

.modal-logo img {
  width: 65%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.form-control.custom-input {
  border: none;
  border-bottom: 1px solid var(--primary);
  background: transparent;
  border-radius: 0px;
  color: var(--primary);
}

.mobile-input-div {
  position: relative;
}

.mobile-input-div .country-code {
  position: absolute;
  top: 7px;
  left: 2px;
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--primary);
}

.invalid-feedback {
  margin-top: 0.2rem;
  font-size: 0.8rem;
}

.form-control.custom-input.mobile-input {
  padding-left: 2.55rem;
}

.form-control.custom-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-form .form-check-label {
  color: var(--primary);
  font-weight: 400;
  cursor: pointer;
  font-size: 0.875rem;
}

.btn-submit {
  background: var(--primary);
  color: var(--white);
  border: none;
  border: 1px solid var(--white);
  padding: 0.5rem 2rem;
  margin: 1rem 0 0 0;
}

.contact-form {
  padding: 1rem 0 0.25rem 0;
}

::-webkit-input-placeholder {
  color: var(--primary) !important;
}

::-moz-placeholder {
  color: var(--primary) !important;
}

:-ms-input-placeholder {
  color: var(--primary) !important;
}

::-ms-input-placeholder {
  color: var(--primary) !important;
}

::placeholder {
  color: var(--primary) !important;
}

/* Target placeholders inside the modal form only */
.modal-form ::placeholder {
  color: var(--primary) !important;
  opacity: 1;
}

.modal-form input::-webkit-input-placeholder {
  color: var(--primary) !important;
}

.modal-form input:-moz-placeholder {
  color: var(--primary) !important;
}

.modal-form input::-moz-placeholder {
  color: var(--primary) !important;
}

.modal-form input:-ms-input-placeholder {
  color: var(--primary) !important;
}

.btn-fixed {
  border: none;
  outline: none;
  border-radius: 100px;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  padding: 0.55rem 1.15rem;
}

/* ---------button of call now,  download brochure , enqurie now---------*/
.enquire-div {
  position: fixed;
  bottom: -50px;
  right: -50px;
  z-index: 99;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.enquire-div.show {
  bottom: 3vw;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  right: 1vw;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: none;
  background: transparent;
}

.btn-enquire {
  color: #000;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid var(--white);
  padding: 0.6rem 1.6rem;
  background: linear-gradient( #f0e4a8,#a17a31);
  border-radius: 10px;
  font-size: 1.15rem;
  font-weight: 500;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  cursor: pointer;
  -webkit-animation: pulse-effect 2s infinite;
  animation: pulse-effect 2s infinite;
  display: flex;
  gap: 0.375rem;
}

.btn-enquire .icon {
  width: 25px;
  height: 25px;
}

.btn-enquire .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.download-div {
  position: fixed;
  bottom: -50px;
  left: -50px;
  z-index: 99;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.download-div.show {
  bottom: 3vw;
  -webkit-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
  left: 1vw;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: none;
  background: transparent;
}

.download-btn {
  color: #000;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.6rem 1.6rem;
  border-radius: 10px;
  background: linear-gradient( #f0e4a8,#a17a31);
  border: none;
  font-size: 1.15rem;
  font-weight: 500;
  -webkit-transition: all 0.45s ease;
  -o-transition: all 0.45s ease;
  transition: all 0.45s ease;
  cursor: pointer;
  -webkit-animation: pulse-effect 2s infinite;
  animation: pulse-effect 2s infinite;
  display: flex;
  gap: 0.375rem;
}

.download-btn .icon {
  width: 25px;
  height: 25px;
}

.download-btn .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/******************Banner Section Starts************* */

.mt40 {
  margin-top: 70px;
}

.main-banner {
  position: relative;
  overflow: hidden;
}

.carousel-inner img {
  position: relative;
  /* z-index: 1; */
}

.ban-text {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 3;
}

.ban-title {
  color: #fff;
  font-size: 3rem;
  margin: -2.25rem 0 0 0;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  padding: 0.5rem 0rem;
  text-align: center;
}

.carousel-item img {
  animation: zoomEffect 15s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes zoomEffect {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.07);
  }

  100% {
    transform: scale(1);
  }
}

.btn-visit.light {
  position: absolute;
  bottom: -99%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--white);
  background: var(--primary);
  gap: 0.45rem;
  padding: 0.5rem 1.25rem;
  color: #fff;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

/******************Banner Section Ends************* */
/* ***********Overview Section Starts*********** */

.overview-container {
  width: 90%;
  margin: auto 0 auto auto;
}

.custom-container {
  width: 85%;
  margin: auto;
}

.sec-pad {
  padding: 4rem 0;
}

.sub-title {
  color: #000;
  font-size: 3.5rem;
  text-transform: capitalize;
  font-family: var(--font-cormorant);
  font-weight: 500;
  margin-bottom: 0.8rem;
  line-height: 1.2;
}

.sub-title.aos-animate .char {
  background: #000;
  
  background-size: 2em 3em;
  z-index: calc(var(--char-total) - var(--char-index));
  position: relative;
  -webkit-animation: bg-pos 1.3s cubic-bezier(0.3, 0, 0.3, 1) forwards alternate;
  animation: bg-pos 1.3s cubic-bezier(0.3, 0, 0.3, 1) forwards alternate;
  -webkit-animation-delay: calc(20ms + (30ms * var(--char-index)));
  animation-delay: calc(20ms + (30ms * var(--char-index)));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@-webkit-keyframes bg-pos {
  0% {
    background-position: 0 0;
  }

  80%,
  100% {
    background-position: -1em -1.5em;
  }
}

@keyframes bg-pos {
  0% {
    background-position: 0 0;
  }

  80%,
  100% {
    background-position: -1em -1.5em;
  }
}

.overview-img {
  width: 100%;
  position: relative;
}

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

.other-description {
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  text-transform: capitalize;
}

.overview-links {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 1rem auto auto auto;
}

/* ************Overview Section Ends*********** */

/* ************Project Highlight Starts*********** */
.high-text {
  width: 65%;
  margin: auto;
  padding: 1rem 0;
}

.highlight-carousel {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 3rem;
  flex-wrap: wrap;
}

.highlight-carousel .owl-item .item {
  padding: 20px;
}

.highlight-carousel .box {
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    94deg,
    #fffcf6 3.13%,
    rgba(255, 252, 246, 0) 96.87%
  );
  border-radius: 1rem;
  padding: 2rem;
  align-items: center;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
  justify-content: center;
  transition: transform 0.3s ease;
  overflow: hidden;
}

.highlight-carousel .box:hover {
  transform: translateY(-5px);
}

.highlight-carousel .icon {
  background-color: #f06ca9;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.highlight-carousel .icon img {
  width: 40px;
  height: 40px;
  filter: brightness(0) invert(1);
}

.highlight-carousel .text {
  font-size: 1rem;
  line-height: 1.6rem;
  color: #000;
  font-weight: 400;
  padding-top: 2rem;
  text-align: start;
}

.owl-nav button {
  pointer-events: all;
  background: var(--primary) !important;
  width: 40px;
  height: 40px;
  border-radius: 45% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.highlight-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}

.highlight-carousel .owl-nav .owl-prev {
  margin-left: -5rem;
}

.highlight-carousel .owl-nav .owl-next {
  margin-right: -5rem;
}

/* ************Project Highlight ends*********** */

/* ************************project config Section Starts******************* */
/* .configuration {
  position: relative;
  background: #f06ca9;
} */

/* .config-text {
  width: 80%;
  margin: auto;
  padding: 1rem 0;
} */

.layout-box {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.layout-box img {
  width: 100%;
  height: auto;
  display: block;
}

.layout-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.2rem 1.5rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent 80%);
  color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.layout-content .bhk {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.456em !important;
}

.layout-content .area {
  margin: 2px 0 0;
  font-size: 0.875rem;
  opacity: 0.9;
}

.layout-content .btn-check {
  cursor: pointer;
  background-color: transparent;
  color: var(--white);
  padding: 8px 18px;
  font-size: 0.875rem;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  transition: color 0.6s ease, border 0.6s ease;
  z-index: 1;
}

.layout-content .btn-check::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--primary);
  z-index: -1;
  transform: translateY(0%);
  transition: transform 0.6s ease;
}

.layout-content .btn-check:hover::before {
  transform: translateY(100%);
}

.layout-content .btn-check:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
}

.project-carousel {
  margin-top: 2rem;
}

.btn-check {
  position: unset;
  clip: unset;
  pointer-events: unset;
}

.project-carousel .owl-nav {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 2rem;
}

/* ***********************project config Section Ends*************** */

/* ***********amenities section starts********** */

.amenities {
  width: 100%;
  position: relative;
  background: #fff;
}

.amenity-item {
  text-align: center;
  padding: 1rem 0rem;
}

.amenity-icon {
  width: 120px;
  height: 120px;
  border: 2px solid var(--primary);
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 5px;
  transition: all 0.3s ease;
}

.amenity-icon img {
  width: 67px !important;
  /* filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(2092%) hue-rotate(356deg) brightness(100%) contrast(95%); */
  height: 67px;
}

.amenity-label {
  font-size: 1rem;
  color: var(--black);
  font-weight: 400;
  margin: 0;
}

.ame-cirle {
  margin: 1rem 0rem;
}

.amenities-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}

.amenities-carousel .owl-nav .owl-prev {
  margin-left: -5rem;
}

.amenities-carousel .owl-nav .owl-next {
  margin-right: -5rem;
}

/* ***********amenities section ends********** */

/* ***********gallery section starts*********/
.gallery {
  /* background: #f06ca9; */
  position: relative;
  margin-top: -26%;
}

.head-text {
  text-align: center;
}

.justify-ext {
  justify-content: center;
  gap: 1rem;
}

.nav-tabs {
  border-bottom: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
  border-bottom: 0 !important;
}

.nav-tabs .nav-link.active {
  position: relative;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--primary) !important;
  font-size: 1.2rem;
  background-color: transparent;
}

.nav-tabs .nav-link {
  border-bottom: none !important;
  font-size: 1.2rem;
  color: var(--black);
}

.nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 2px;
  background-color: var(--primary) !important;
  transition: width 0.3s ease-in-out;
}

.nav-tabs .nav-link {
  border: none !important;
}

.gal_image {
  position: relative;
}

.gal-carousel .owl-item.active.center .gal_image {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}

.gal-carousel .owl-item:not(.active.center) .gal_image {
  position: relative;
}

.gal-carousel .owl-item .gal_image {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  position: relative;
}

.gal-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
}

.gal-carousel .owl-nav .owl-prev {
  margin-left: -5rem;
}

.gal-carousel .owl-nav .owl-next {
  margin-right: -5rem;
}

.gallery .overtext {
  position: absolute;
  bottom: 0%;
  right: 0%;
  background-color: var(--primary);
  color: #fff;
  font-size: 12px;
  font-family: var(--font-cormorant);
  padding: 5px;
  text-transform: uppercase;
}

/* **************gallery section ends********* */

/* ***********loaction section starts************** */
.location {
  position: relative;
}

.loc-back {
  background: #dddddd2e;
  padding: 3rem 2.8rem;
  border-radius: 3rem;
  /* margin-top: 16%; */
}

.loc-text {
  text-align: start !important;
}

.accordion {
  --bs-accordion-bg: transparent !important;
  --bs-accordion-border-color: none !important;
  --bs-accordion-btn-icon-transform: rotate(0deg) !important;
}

.accordion-button:not(.collapsed) {
  background-color: unset !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../assets/images/loacation/minus.png") !important;
  transform: rotate(0deg);
}

.accordion-button::after {
  background-image: url("../assets/images/loacation/plus.svg") !important;
  transform: rotate(360deg);
  background-size: contain;
}

.accordion-button img {
  position: absolute;
  left: 0%;
}

.accordion-button:focus {
  z-index: 3;
  border-color: none;
  outline: 0;
  box-shadow: none !important;
}

.accordion-button {
  font-size: 1.2rem !important;
  padding-left: 2% !important;
  border-bottom: 1px solid !important;
  font-style: normal;
  font-weight: 600;
  line-height: 1.55rem;
  /* 103.333% */
  letter-spacing: 0.02375rem;
}

.accordion-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.85rem;
}

.accordion-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.accordion-content .acc-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
}

.accordion-body .distance {
  white-space: nowrap;
  padding-left: 10px;
}

.accordion-body {
  position: relative;
}

.accordion-body span {
  position: absolute;
  right: 22px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: #242424 !important;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.accordion-item {
  position: relative;
}

/* .accordion-item img {
  position: absolute;
  top: 17px;
  width: 15px;
} */

.loc-img {
  width: 100%;
  position: relative;
}

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

.loc-cust {
  margin-top: 1%;
}

.adv-text {
  font-weight: 500;
}

/* ***********loaction section ends************** */

/* ***********about us section starts---------- */
.aboutus {
  /* background: #f06ca9; */
  background-image: url(../assets/images/Texture_1.jpg);
}

.gap-title {
  padding-bottom: 1rem;
}

.gap-title2 {
  padding-bottom: 2rem;
}
.newp {
  padding-top: 3rem;
}
.about-img {
  width: 100%;
  position: relative;
}

.about-img img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
  height: 100%;
}

.counter-section {
  padding-top: 3rem;
}

.counter-box {
  position: relative;
  padding-top: 2rem;
}

.counter-box .top-line {
  content: "";
  width: 90%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.counter-number {
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
}

.counter-label {
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #fff;
}

/* ***********about us section ends---------- */

/* form */

.auto-update-form {
  gap: 1rem;
}

.register-interest {
  background: #fff;
  position: relative;
}

.adjust {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-title {
  color: #242424;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.section-subtitle {
  color: #000;
  background-color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  /* width: max-content; */
  max-width: 100%;
  margin: 1rem auto !important;
  padding: 1.5rem 0rem;
  font-weight: 600;
  line-height: 22.5px;
  text-transform: capitalize;
}

.new-class {
  background: #fffcf6;
  border: 0;
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 1rem 1rem;
  border-radius: 20px;
}

.new-class:focus {
  box-shadow: none;
}

.btn-submit2 {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 0.75rem 2.5rem;
  color: #000;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 20px;
  font-size: 1.15rem;
  font-weight: 400;
  transition: color 0.6s ease, border 0.6s ease;
}

.btn-submit2::before {
  content: "";
  position: absolute;
  inset: 0;
  /* background-color: var(--primary); */
  background: linear-gradient(#f0e4a8, #a17a31);
  z-index: -1;
  transform: translateY(0%);
  transition: transform 0.6s ease;
}

.btn-submit2:hover::before {
  transform: translateY(100%);
}

.btn-submit2:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
}

.form-calltxt {
  margin-bottom: 0;
  color: #181d24;
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}

.form-calltxt a {
  color: #181d24 !important;
  text-decoration: none !important;
  font-size: 1.8rem;
  font-weight: 600;
}

/********** footer ***********/
.footer-black {
  background-image: url(../assets/images/Texture_1.jpg);
  padding: 2rem 0rem;
}

.text-footer a {
  color: #242424;
}

.copyright {
  display: flex;
  justify-content: space-between;
}

.footer-logo {
  /* padding: 1rem 0rem; */
  width: 180px;
  margin: auto;
  height: auto;
  max-width: 100%;
}

.footer-logo img {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  object-fit: cover;
}





.text-footer p {
  color: var(--white);
  text-align: center;
  font-size: 0.85rem;
  font-weight: 400;
  padding: 1.3rem 1rem;
  text-wrap: balance;
}

.footer-desc p {
  color: var(--white);
  text-align: center;
  font-size: 0.85rem;
  text-wrap: balance;
  font-weight: 500;
  padding: 0.2rem 1rem;
}

.copyright-desc {
  color: var(--white);
  margin-top: 1rem;
  padding: 0.2rem 1rem;
}

.copyright-desc2 {
  color: var(--white);
  font-size: 0.95rem;
  padding: 0.2rem 1rem;
  margin: auto;
}

.realatte-logo {
  height: 20px;
  vertical-align: middle;
  margin-left: 5px;
}

.copyright {
  display: flex;
  justify-content: space-between;
}

.copyright2 {
  width: 90%;
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.custom-hr {
  color: var(--white);
}

.copyright {
  width: 80%;
  margin: auto;
}

/* --------Modal Place holder starts */
.custom-placeholder::placeholder {
  color: white !important;
  opacity: 1;
  /* Ensure full visibility */
}

.custom-placeholder:-ms-input-placeholder {
  /* Edge 12-18 */
  color: white !important;
}

.custom-placeholder::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white !important;
}

/* thank you page css */

nav.thank-you {
  background-color: #00000080;
}

section.secton-thankyou {
  padding-bottom: 100px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 1.5rem;
  margin: 8rem auto auto auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
}

section.secton-thankyou .thankyou-title {
  font-weight: 600;
  margin: 0.75rem auto 1.15rem auto !important;
  text-align: center;
  text-wrap: pretty;
  color: var(--light);
  font-size: 3rem;
}

section.secton-thankyou .thankyou-subtitle {
  font-size: 1rem;
  font-weight: 600;
  opacity: 0.75;
  text-align: center;
  text-wrap: pretty;
  color: var(--light);
}

.go_txt {
  font-size: 15px;
  color: #000;
  background-color: #fff !important;
  border-radius: 3.125rem;
  border: 1px solid #000;
  width: fit-content;
  padding: 15px 30px;
  margin: 15px auto 0;
}

.mobile-fixed-button {
  display: none;
}

/* thank you page css */

/* ***********Modal Form********* */
.modal-content {
  background: #fff;
  border-radius: unset;
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.modal-header .btn-close {
  /* filter: invert(1); */
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: unset !important;
}

@media only screen and (max-width: 1400px) {
  nav {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0.65rem 2rem;
  }

  .navbar-container .navbar-links .navbar-link .nav-link {
    font-size: 0.85rem;
  }

  .sub-title {
    font-size: 2.5rem;
  }

  .counter-number {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1280px) {
  .navbar-container .navbar-links {
    gap: 2rem;
  }

  .navbar-container .navbar-links .navbar-link .nav-link {
    font-size: 0.8rem;
  }

  .sub-title {
    font-size: 2rem;
  }

  .counter-number {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 1200px) {
  .navbar-container .menu {
    display: block;
    filter: invert(1);
  }

  .navbar-links {
    display: none !important;
  }

  .navbar-container {
    justify-content: unset;
  }

  .high-text {
    width: unset;
  }

  .config-text {
    width: unset;
  }

  .highlight-carousel .owl-nav .owl-prev {
    margin-left: -4rem;
  }

  .highlight-carousel .owl-nav .owl-next {
    margin-right: -4rem;
  }

  .sub-title {
    font-size: 3rem;
  }

  .counter-number {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 991px) {
  .believe-nav .custom-nav {
    margin: 1.4rem auto auto auto;
    gap: 1rem;
  }

  .navbar-container {
    justify-content: unset;
  }

  .high-text {
    width: unset;
  }

  .config-text {
    width: unset;
  }

  .overview {
    padding: 4rem 0;
  }

  .overview-container {
    width: 95%;
    margin: auto auto auto auto;
  }

  .counter-box .top-line {
    width: 100%;
  }

  .sub-title {
    font-size: 2.5rem;
  }

  .counter-number {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .overview {
    padding: 2rem 0;
  }

  .overviewFormWrap {
    width: 100%;
  }

  #section-overview .row {
    flex-direction: column-reverse;
  }

  #section-overview .newp {
    padding-top: 1rem;
  }

  #section-overview .gap-title2 {
    padding-bottom: 1rem;
  }

  #section-overview .overview-form .row {
    flex-direction: column;
  }

  .sub-title {
    font-size: 2.5rem;
  }

  .sec-pad {
    padding: 2rem 0;
    margin-top: -83%;
  }

  .high-text {
    width: unset;
  }

  .config-text {
    width: unset;
  }

  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: flex !important;
  }

  .copyright {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 0.2rem;
  }

  .copyright2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 2.5rem;
    gap: 0.2rem;
  }

  .navbar-container .navlogo {
    gap: 2rem;
  }

  .navbar-container {
    justify-content: space-between;
  }

  .highlight-carousel .owl-nav {
    top: auto;
    bottom: 0;
    transform: none;
    justify-content: center !important;
    position: relative;
    gap: 20px;
    margin-top: 1rem;
  }

  .amenities-carousel .owl-nav {
    top: auto;
    bottom: 0;
    transform: none;
    justify-content: center !important;
    position: relative;
    gap: 20px;
    margin-top: 1rem;
  }

  .overview-container {
    width: 95%;
    margin: auto auto auto auto;
  }

  .readmore-btn {
    background: none;
    border: none;
    color: var(--white);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-size: 0.85rem;
  }

  .readmore-btn:hover {
    text-decoration: underline;
  }

  .counter-number {
    font-size: 2rem;
  }

  .counter-box .top-line {
    width: 100%;
  }

  .highlight-carousel {
    margin-top: 0rem;
  }

  .social-links2 {
    padding-bottom: 3.5rem;
  }

  .nav-tabs .nav-link {
    font-size: 1rem;
  }

  /* mobile toggle bar */

  .mobile-fixed-button {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 2%;
    left: 50%;
    z-index: 999;
    padding: 2rem 1rem 1rem 1rem;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    fill: rgba(255, 255, 255, 0.84);
    -webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.05));
  }

  .btn-fixed.primary-pink {
    /* background: var(--primary); */
     background: linear-gradient(#f0e4a8, #a17a31);
     color: #000;
  }

  .mobile-fixed-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    z-index: -1;
    left: 50%;
    background: url(../assets/images/icons/toggle.svg) no-repeat center center /
      cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .mobile-fixed-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }

  .btn-middle-content {
    padding: 1rem;
    background-color: transparent;
    position: absolute;
    top: 10px;
    left: 50%;
    border-radius: var(--radius-full);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .btn-middle {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    border: none;
    outline: none;
    background-color: #000;
  }

  .mobile-fixed-content .btn-fixed {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -7px;
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0.85rem;
  }

  .btn-middle img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
            margin-left: 12px;
  }

  /* mobile toggle bar */
}

@media only screen and (max-width: 576px) {
  .high-text {
    width: unset;
  }

  .config-text {
    width: unset;
  }

  /* mobile toggle bar */

  .btn-middle {
    width: 70px;
    height: 70px;
  }

  .mobile-fixed-content .btn-fixed {
    /* width: auto; */
    top: -7px;
    font-size: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.45rem 0.55rem;
    width: 36%;
  }

  .btn-middle-content {
    top: 16px;
  }

  /* mobile toggle bar */
}

@media only screen and (max-width: 450px) {
  .btn-middle {
    width: 55px;
    height: 55px;
  }

  .mobile-fixed-content .btn-fixed {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -7px;
    font-size: 0.725rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.4rem 0.5rem;
  }

  .mobile-fixed-content {
    width: 88%;
  }

  .btn-middle img {
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
     margin-left: 12px;
  }

  .btn-middle-content {
    top: 16px;
  }

  .btn-fixed span.icon {
    width: 18px;
    height: 18px;
  }

  .btn-fixed span.icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .text-footer p {
    font-size: 0.75rem;
  }

  .copyright-desc2 {
    font-size: 0.75rem;
  }

  .navbar-container .navlogo .logo {
    /* width: 100px; */
  }
}

@media only screen and (max-width: 350px) {
  .text-footer p {
    font-size: 0.75rem;
  }

  .copyright-desc2 {
    font-size: 0.75rem;
  }

  .mobile-fixed-content .btn-fixed {
    font-size: 0.725rem;
  }

  .btn-fixed span.icon {
    width: 15px;
    height: 15px;
  }

  .navbar-container .navlogo .logo {
    width: 90px;
  }
}

/* ---------owl line starts here------- */

.amenities-carousel .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  margin: 2rem auto 1rem auto;
}

.amenities-carousel .owl-dots button {
  width: 15px;
  height: 3px;
  border-radius: 100px;
  -webkit-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  transition: all 1.1s ease;
  background-color: #dfdfdf !important;
}

.amenities-carousel .owl-dots button.active {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 25px;
  background-color: var(--primary) !important;
}

.highlight-carousel .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  margin: 2rem auto 1rem auto;
}

.highlight-carousel .owl-dots button {
  width: 15px;
  height: 3px;
  border-radius: 100px;
  -webkit-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  transition: all 1.1s ease;
  background-color: #dfdfdf !important;
}

.highlight-carousel .owl-dots button.active {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 25px;
  background-color: var(--primary) !important;
}
.blur {
  filter: blur(4px);
}

.villa__item:not(:first-child) {
	border-top: 1px solid var(--color-cream);
	padding-top: 60px;
}

.villa__item-no--animation :where(.villa__icon, .villa__item-body) {
	transition: none !important;
}

.villa__item.villa__item--active .villa__item-top .villa__icon {
	rotate: 90deg;
	translate: 6px 6px;
}

.villa__item.villa__item--active .villa__item-body {
	padding-block: 40px 32px;
}

.villa__item-info {
	margin-bottom: 40px;
}

.villa__item:last-child {
	border-bottom: 1px solid var(--color-cream);
}

.villa__item-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
	padding-bottom: 24px;
	cursor: pointer;
}

.villa__icon {
	will-change: rotate, translate, scale;
	transition: rotate var(--duration-action), translate var(--duration-action),
		scale var(--duration-action);
}

.villa__item-body {
	backface-visibility: hidden;
	will-change: height, padding-block;
	overflow: hidden;
	height: 0;
	transition: all var(--duration-action);
}

.villa__name {
	font-size: 20px;
	font-weight: 400;
}

.villa__data {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 673px;
	width: 100%;
	column-gap: 20px;
}

.villa__info {
	display: flex;
	align-items: flex-start;
	column-gap: 40px;
}

.villa__info-item {
	max-width: 146px;
}

.villa__info-item--uppercase {
	text-transform: uppercase;
}

.villa__slider {
	margin-bottom: 32px;
}

.villa__slide-image {
	object-fit: cover;
	width: 100%;
}

.villa__slider-button {
	width: 120px;
	height: auto;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--color-white);
	border-radius: 50%;
	margin-top: 0;
	translate: 0 -50%;
	transition: scale var(--duration);
}

.villa__slider-button.swiper-button-prev {
	left: 32px;
}

.villa__slider-button.swiper-button-next {
	right: 32px;
}

.villa__slider-button::after {
	display: none;
}

.villa__actions {
	max-width: 673px;
	width: 100%;
	margin-left: auto;
}








.section {
	margin-block: var(--section-spacing-y);
}






.villa__item:not(:first-child) {
	border-top: 1px solid var(--color-cream);
	padding-top: 60px;
}

.villa__item-no--animation :where(.villa__icon, .villa__item-body) {
	transition: none !important;
}

.villa__item.villa__item--active .villa__item-top .villa__icon {
	rotate: 90deg;
	translate: 6px 6px;
}

.villa__item.villa__item--active .villa__item-body {
	padding-block: 40px 32px;
}

.villa__item-info {
	margin-bottom: 40px;
}

.villa__item:last-child {
	border-bottom: 1px solid var(--color-cream);
}

.villa__item-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
	padding-bottom: 24px;
	cursor: pointer;
}

.villa__icon {
	will-change: rotate, translate, scale;
	transition: rotate var(--duration-action), translate var(--duration-action),
		scale var(--duration-action);
}

.villa__item-body {
	backface-visibility: hidden;
	will-change: height, padding-block;
	overflow: hidden;
	height: 0;
	transition: all var(--duration-action);
}

.villa__name {
	font-size: 20px;
	font-weight: 400;
}

.villa__data {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	max-width: 673px;
	width: 100%;
	column-gap: 20px;
}

.villa__info {
	display: flex;
	align-items: flex-start;
	column-gap: 40px;
}

.villa__info-item {
	max-width: 146px;
}

.villa__info-item--uppercase {
	text-transform: uppercase;
}

.villa__slider {
	margin-bottom: 32px;
}

.villa__slide-image {
	object-fit: cover;
	width: 100%;
}

.villa__slider-button {
	width: 120px;
	height: auto;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--color-white);
	border-radius: 50%;
	margin-top: 0;
	translate: 0 -50%;
	transition: scale var(--duration);
}

.villa__slider-button.swiper-button-prev {
	left: 32px;
}

.villa__slider-button.swiper-button-next {
	right: 32px;
}

.villa__slider-button::after {
	display: none;
}

.villa__actions {
	max-width: 673px;
	width: 100%;
	margin-left: auto;
}

.inspired__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
}

.inspired__title {
	margin-bottom: 24px;
}

.inspired__description {
	margin-bottom: 40px;
}

.amenities {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.amenities__items {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.amenities__item {
	padding: 40px 16px;
	text-align: center;
	border-radius: 10px;
	background-color: var(--color-gray);
}

.amenities__item-icon {
	margin: 0 auto 12px;
}

.amenities__item-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--color-accent);
}

.interest__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
}

.interest__header {
	margin-bottom: 40px;
}

.interest__list {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	list-style: none;
	counter-reset: custom-counter;
}

.interest__item {
	display: flex;
	column-gap: 10px;
	font-size: 20px;
	counter-increment: custom-counter;
}

.interest__item::before {
	content: counter(custom-counter);
	background-color: var(--color-accent);
	color: var(--color-white);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding-inline: 3px;
	font-size: 14px;
}

.interest__image {
	flex-shrink: 0;
	height: auto;
	min-height: 479px;
}

.register-interests__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
}

.register-interests__header {
	margin-bottom: 40px;
}

.register-interests__form {
	max-width: 673px;
	width: 100%;
}

.footer {
	flex: 0 0 auto;
	background-color: var(--color-accent);
	padding-block: 60px;
}

:is(.footer__inner, .footer__top) {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 60px;
}

.footer__top {
	margin-bottom: 70px;
}

.footer__body {
	max-width: 673px;
	width: 100%;
}

.footer__info {
	max-width: 216px;
	color: var(--color-white);
}

.footer__info-title {
	display: inline-block;
	margin-bottom: 32px;
}

.footer__info-address {
	font-style: normal;
}

.footer__info-address a {
	text-decoration: none;
}

.footer__copyright {
	color: var(--color-cream);
}

@media (hover: hover) {
	a:not([class]):hover {
		text-decoration: underline;
	}

	:is(.soc1al__link, .pop-up__button-close):hover {
		opacity: 0.5;
	}

	.menu__link:hover::after {
		width: 100%;
	}

	:is(.button, .villa__slider-button, .link-whatsapp):hover {
		scale: 1.05;
	}

	.villa__item-top:hover .villa__icon {
		scale: 1.1;
	}
}

@media (hover: none) {
	a:not([class]):active {
		text-decoration: underline;
	}

	:is(.soc1al__link, .pop-up__button-close):active {
		opacity: 0.5;
	}

	.menu__link:active::after {
		width: 100%;
	}

	:is(.button, .villa__slider-button, .link-whatsapp):active {
		scale: 1.05;
	}

	.villa__item-top:active .villa__icon {
		scale: 1.1;
	}
}

@media (max-width: 1240px) {
	:is(
			.info-designed__body,
			.inspired__image,
			.interest__image,
			.register-interests__form,
			.villa__data,
			.villa__actions
		) {
		max-width: 580px;
	}

	.amenities__item-title {
		font-size: 18px;
	}

	.villa__info {
		column-gap: 20px;
	}

	.villa__slide-image {
		height: 340px;
	}

	.villa__images {
		display: flex;
		flex-direction: column;
		row-gap: 13px;
		margin-bottom: 40px;
	}

	.villa__image {
		display: block;
		width: 100%;
		object-fit: cover;
		transform: translateZ(0);
		backface-visibility: hidden;
		will-change: scale, height;
	}

	.villa__slider-button {
		width: 75px;
	}
}

@media (max-width: 1024px) {
	:root {
		--section-spacing-y: 90px;
	}

	:is(.menu, .header__inner) {
		column-gap: 20px;
	}

	:is(
			.info-designed__body,
			.inspired__image,
			.interest__image,
			.register-interests__form,
			.villa__data,
			.villa__actions
		) {
		max-width: 440px;
	}

	.title {
		font-size: 28px;
	}

	.pop-up__body {
		max-width: 620px;
		padding: 40px;
	}

	.hero__list-value {
		font-size: 24px;
	}

	.amenities {
		row-gap: 32px;
	}

	.amenities__items {
		grid-template-columns: repeat(3, 1fr);
	}

	.villa__info {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}

	.villa__slide-image {
		height: 300px;
	}


}


@media (max-width: 824px) {
	
	.info-designed {
		display: block;
	}

	.info-designed__title {
		margin-bottom: 24px;
	}

	:is(
			.info-designed__title,
			.info-designed__body,
			.interest__image,
			.register-interests__form
		) {
		max-width: none;
	}

	.inspired__inner {
		display: block;
	}

	.inspired__body {
		margin-bottom: 32px;
	}






	:is(.villa__data, .villa__actions) {
		max-width: 330px;
	}

	.villa__actions {
		max-width: none;
	}

	.villa__item-top {
		column-gap: 30px;
		flex-wrap: wrap;
		gap: 32px;
	}

	.villa__data {
		display: contents;
		max-width: none;
	}

	.villa__info {
		order: 1;
		width: 100%;
		grid-template-columns: repeat(3, 1fr);
	}


}

@media (min-width: 481px) {
	.villa__images {
		display: none;
	}
}

@media (max-width: 480px) {
	:root {
		--header-height: 111px;
	}

	.header .logo > img {
		width: auto;
		height: 46px;
	}

	.villa__slider {
		display: none;
	}

	.villa__info {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 60px;
	}
}

/* ======================================================
   10. WHY CHOOSE US STYLES
   Styles for Why Choose Us section.
====================================================== */
.bg-why-choose-us {
    height: 767px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../assets/images/why-choose-us-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.head-why-choose-us {
    font-size: 19px;
    color: var(--text-color-2);
    font-family: var(--font-1);
    font-weight: 500;
}

.gallery-img {
    display: inline-block;
    border-radius: 8px;
    object-fit: cover;
    cursor: pointer;
}





.btn-2:hover {
    border: 1px solid var(--color-main);
    background-color: var(--color-main);
    color: white;
}

.btn-3 {
    width: fit-content;
    border: none;
    padding: 10px 16px;
    color: black;
    background-color: var(--color-accent);
    font-family: var(--font-1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-3:hover {
    background-color: var(--color-main);
    color: white;
}

.btn-4 {
    width: fit-content;
    border: none;
    padding: 10px 16px;
    color: white;
    background-color: black;
    font-family: var(--font-1);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-4:hover {
    background-color: var(--color-main);
}

/* ------------------------------------------------------
   3.5 IMAGE
   Image element styles.
------------------------------------------------------ */
img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* ------------------------------------------------------
   3.6 LISTS
   List element styles.
------------------------------------------------------ */
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul li {
    font-family: var(--font-1) !important;
    font-weight: 400;
    color: var(--heading-color-2);
}

/* 4.1 Color Utilities */
.c-text-1 {
    color: var(--text-color-1);
}

.c-text-2 {
    color: var(--text-color-2);
}

.c-heading {
    color: var(--heading-color) !important;
}

.c-heading-2 {
    color: var(--heading-color-2) !important;
}

.c-main {
    color: var(--color-main);
}

.c-darker {
    color: var(--color-darker);
}

.c-lighter {
    color: var(--color-lighter);
}

.c-subtle {
    color: var(--color-subtle);
}

.c-border {
    color: var(--color-border);
}

.c-error {
    color: var(--color-error);
}

.c-warning {
    color: var(--color-warning);
}

.c-info {
    color: var(--color-info);
}

.c-success {
    color: var(--color-success);
}

.c-accent {
    color: var(--color-accent);
}

.c-white {
    color: white !important;
}

.c-black {
    color: black;
}

/* 4.2 Background Utilities */
.bg-text-1 {
    background-color: var(--text-color-1);
}

.bg-text-2 {
    background-color: var(--text-color-2);
}

.bg-heading {
    background-color: var(--heading-color);
}

.bg-main {
    background-color: var(--color-main);
}

.bg-darker {
    background-color: var(--color-darker);
}

.bg-lighter {
    background-color: var(--color-lighter);
}

.bg-subtle {
    background-color: var(--color-subtle);
}

.bg-border {
    background-color: var(--color-border);
}

.bg-error {
    background-color: var(--color-error);
}

.bg-warning {
    background-color: var(--color-warning);
}

.bg-info {
    background-color: var(--color-info);
}

.bg-success {
    background-color: var(--color-success);
}

.bg-accent {
    background-color: var(--color-accent);
}

.bg-white {
    background-color: white;
}

.bg-discover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/discover-1.jpg);
    background-size: cover;
    background-position: center;
}

.bg-sign-up {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/sign-up.jpg);
    background-size: cover;
    background-position: center;
    padding: 32px;
}


/* 4.3 Sizing Utilities */
.navbar-size {
    width: 1300px;
}

.page-size {
    width: 1300px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}

.get-started-size {
    width: 1280px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
}

/* 4.4 Other Utilities */
.border-radius {
    border-radius: 5px;
}

.slideshow {
    position: relative;
    max-height: 900px;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: slideshow 20s infinite;
    overflow: hidden;
}

.slideshow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

@keyframes slideshow {
    0% {
        background-image: url('../img/hero-1.jpg');
    }

    33% {
        background-image: url('../img/hero-2.jpg');
    }

    66% {
        background-image: url('../img/hero-3.jpg');
    }

    100% {
        background-image: url('../img/hero-1.jpg');
    }
}

/* ======================================================
   5. NAVBAR STYLES
   Styles for navigation bar and navigation elements.
====================================================== */
.navbar-toggler {
    border: none;
}

.navbar-toggler .custom-toggler-icon {
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: end;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: white !important;
}

.navbar-toggler .bar {
    display: block;
    height: 1px;
    border-radius: 2px;
    width: 100%;
    background-color: rgb(195, 195, 195);
    border: none;
}

.navbar-toggler .bar-1 {
    width: 100%;
}

.navbar-toggler .bar-2 {
    width: 100%;
}

.navbar-toggler .bar-3 {
    width: 100%;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

.nav-logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-logo {
    width: 50%;
    max-height: 60px;
}

.nav-link {
    color: var(--text-color-1);
    font-size: 15px;
    font-family: var(--font-1);
    font-weight: 600;
    box-shadow: none;
}

.custom-toggler {
    border: 1px solid rgba(255, 255, 255, 0.344);
    padding: 4px 14px;
    font-size: 16px !important;
}

.navbar-toggler-icon {
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2844, 131, 145, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* ------------------------------------------------------
   5.1 OFFCANVAS
   Styles for offcanvas navigation menu.
------------------------------------------------------ */
.offcanvas-header .btn-close-custom {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    background-color: transparent;
    border: 1px solid var(--text-color-2);
    border-radius: 10px;
    font-size: 16px;
    padding: 5px 12px;
    cursor: pointer;
}

.btn-close {
    color: var(--color-main) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a0893f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    opacity: 1 !important;
}

.btn-close:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

}

.offcanvas {
    background-color: var(--color-darker) !important;
}

/* ------------------------------------------------------
   5.1.1 OFFCANVAS SOCIAL ICON
   Social icon styles in offcanvas menu.
------------------------------------------------------ */
.social-icon-32 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.39);
    border-radius: 50%;
    color: var(--color-subtle);
    background-color: transparent;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
    cursor: pointer;
}

.social-icon-32:hover {
    color: var(--heading-color);
    background-color: white;
}

/* ------------------------------------------------------
   5.2 DROPDOWN
   Dropdown menu styles in navbar.
------------------------------------------------------ */
.nav-item.dropdown .nav-link:hover {
    color: var(--color-main);
    box-shadow: none;
}

.nav-item.dropdown .nav-link:active {
    box-shadow: none;
}

.nav-link {
    color: var(--color-main) !important;
    font-size: 20px;
    font-family: var(--font-1);
    font-weight: 500;
}

.nav-item:hover .nav-link {
    color: white !important;
}

.nav-link.active {
    color: white !important;
    box-shadow: none;
}

.nav-link:focus,
.dropdown-item:focus {
    color: var(--color-main);
    outline: none;
    box-shadow: none !important;
}

.dropdown-toggle {
    box-shadow: none !important;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-icon-size {
    font-size: 10px;
}

.dropdown-menu {
    padding-left: 0px;
    padding-bottom: 12px;
    padding-right: 0px;
    background-color: var(--color-darker);
    min-width: 210px;
    border: none;
    box-shadow: none;
    border-radius: 5px;
}

.dropdown-menu a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu:hover a:hover {
    color: #fff;
    background-color: var(--color-main);
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.dropdown-item {
    font-size: 20px;
    color: var(--color-main) !important;
    font-weight: 500 !important;
    border-radius: 5px;
}

.dropdown-item:hover {
    background-color: var(--color-darker) !important;
    color: white !important;
}

/* ======================================================
   6. HERO STYLES
   Styles for hero section and hero forms.
====================================================== */
.ff-playfair {
    font-family: var(--font-2);
    font-weight: 500 !important;
}

.testimonial-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    border: 2px solid white;
}

.testimonial-circle-2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
    border: 2px solid white;
}

.testimonial-margin {
    margin-left: -16px;
}

.testimonial-subtitle {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.666);
    font-family: var(--font-1);
}

.hero-form {
    height: fit-content;
    background-color: transparent;
    font-size: 16px;
    font-family: var(--font-1);
    color: white;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.hero-form::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.hero-form:focus {
    border: none;
    outline: none;
    color: white;
    border-bottom: 1px solid white;
}

.hero-form-select {
    width: 220px;
    height: fit-content;
    background-color: transparent;
    font-size: 16px;
    font-family: var(--font-1);
    color: white;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 4px 0;
    cursor: pointer;
}

.hero-form-select:focus {
    outline: none;
    border-bottom: 1px solid white;
}

.hero-form-select option {
    background-color: white;
    color: black;
    font-family: var(--font-1);
    font-size: 16px;
}

.subtitle {
    font-size: 14px;
    color: var(--heading-color-2);
    font-family: var(--font-1);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

/* ======================================================
   7. ABOUT STYLES
   Styles for about section and cards.
====================================================== */
.about-card {
    background-color: var(--color-darker);
    padding: 24px;
    width: 100%;
}

/* ======================================================
   8. SERVICE STYLES
   Styles for services section and icons.
====================================================== */
.services-icon {
    width: 35px;
    height: 100%;
}

.link-1 {
    color: var(--color-darker);
    font-size: 16px;
    font-family: var(--font-1);
    transition: color 0.3s ease;
}

.link-1:hover {
    color: var(--color-main);
}


.section-v1-a {
    background: #fff;
}

.section-v1-a p {
    color: #111111;
}

.section-v1-b {
    background-image: url("../assets/images/banner/section1bg.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    background-attachment: fixed;
}
 
/*my mobile code*/
@media screen and (max-width: 768px) {


    .section-v1-b {

        background-position: right center !important;
        background-image: url(../assets/images/banner/section1bg.jpg) !important;
        background-attachment: scroll !important;

    }

    .section3-ap-img {
        width: 100% !important;
    }

    .section1img {
        width: 100% !important;
    }

   
}

    .section-v2-b {
        padding: 85px 0px 85px !important;
        margin-top: -195px !important;
    }
@media screen and (max-width: 800px) {

    .section-v2 {
        background-image: url(../assets/images/banner/section2.jpg) !important;
        background-attachment: scroll !important;

    }

.section-v2-b {
    margin-top: -335px;
    padding: 0px 0px 120px 0px;
}

}


.section-v2 {

    background-image: url(../assets/images/banner/section2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (max-width: 768px) {

    .section-v2-b {
        padding: 85px 0px 85px !important;
        margin-top: -195px !important;
    }
       .section-v3-b p {
        padding: 40px 10px 20px !important;
        text-align: center;
    }
}
/* .swiper-slide img {
     width: 100%;
    height: auto;
    padding: 20px;
    margin-top: -132px;
} */


/* ==================== Midsec Start ====================*/
.innerConfiguration .section-head h1 {
    color: #fff !important;
}

.innerConfiguration .section-head {
    color: #fff !important;
}

.innerConfiguration {
    backdrop-filter: brightness(0.5);

}

#configuration {
    background-image: url(../assets/images/config.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.config-card {
    padding: 43px;
    background: #fff;
    margin: 0px 30px;
    border-radius: 8px;
}

.innerconfigcard h3 {
    padding: 0px 20px 10px;
    font-size: 20px;
    color: #000;
}

.innerconfigcard button {
    padding: 8px 24px;
    border: 1px solid #fff;
    font-size: 15px;
    border-radius: 5px;
    background: #9e7b41;
    color: #fff;
}

.innerconfigcard span {
    color: #2a3b53;
    font-size: 20px;
}

.secpadding {
    padding: 70px 0px;
}

/* ==================== Midsec End ====================*/

a.whatsapp {
    background-color: #2fb842;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    border-radius: 100%;
    text-align: center;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 22px;
    bottom: 20px;
    margin: 0;
    z-index: 990;
    top:72%;
}

#footer {
    background-image: url(../assets/images/Texture_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
        padding-top: 105px;
    padding-bottom: 105px;
}

#footer .rising-logo {
    text-align: center
}

#footer .rising-logo img {
    width: 300px
}

#footer .maharera {
    display: flex;
    padding-bottom: 11px;
    /*  margin-bottom: 20px*/
}

#footer .maharera .HiranandaniMahaRERA {
    padding-left: 17px;
    padding-top: 5px
}

#footer .maharera .HiranandaniMahaRERA p {
    color: var(--White);
    font-size: 14px
}

#footer .maharera .HiranandaniMahaRERA p.bor-bottom {
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    padding-bottom: 10px
}

#footer .maharera .HiranandaniMahaRERA p span,
#footer .maharera .HiranandaniMahaRERA p a {
    font-weight: var(--font-weight-700);
    color: var(--White)
}

@media(max-width: 767px) {
    #footer .maharera {
        display: block
    }
}

#footer .HeadOffice {
    padding-left: 0px;
    transform: translate(-120px, 0px)
}

#footer .HeadOffice h2 {
    font-weight: var(--font-weight-700);
    color: var(--White);
    font-size: 16px;
    margin-bottom: 13px
}

#footer .HeadOffice p {
    color: var(--White);
    font-size: 14px
}

#footer .HeadOffice p img {
    margin-right: 5px;
    display: inline-block;
    transform: translateY(-4px)
}

#footer .HeadOffice p.bor-bottom {
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    padding-bottom: 10px
}

#footer .HeadOffice p span,
#footer .HeadOffice p a {
    color: var(--White)
}

#footer .footerRight a {
    display: block;
    font-weight: var(--font-weight-700);
    font-size: 16px;
    color: var(--White);
    padding-bottom: 14px
}

#footer .socialLink {
    margin-top: 10px;
    border-top: solid 1px rgba(255, 255, 255, .3);
    width: 100%;
    padding: 10px 0px;
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: space-between
}

#footer .socialLink a {
    padding: 0px 10px;
    transition: .5s;
    transform: translateY(0px);
    display: inline-block
}

#footer .socialLink a:hover {
    opacity: .8;
    transform: translateY(-2px)
}

@media(max-width: 767px) {
    #footer .socialLink {
        width: 100%
    }
}

#footer .copyright {
    color: var(--White);
    font-size: 12px;
    /*  border-top: solid 1px rgba(255, 255, 255, .3);*/
    /* padding-top: 18px;*/
    margin-bottom: 20px;
    /*  margin-top: 20px*/
}

#footer .copyright p {
    color: var(--White);
    /* font-size: 12px*/
}

#footer .Privacy {
    text-align: right;
    color: var(--White)
}

#footer .Privacy a {
    color: var(--White);
    /* font-size: 12px*/
}

#footer .Disclaimer p {
    padding-left: 20px;
    /* text-align: justify */
    font-size: 12px !important;
}

@media(max-width: 767px) {
    #footer {
        padding: 40px 0px;
        text-align: center;
        height: 648px;
    }

    #footer .HeadOffice {
        margin-top: 0px;
        padding-left: 0px
    }
        .qr.mx-auto {
    width: 120px;
}


}

#footer .prescon {
    width: 100px
}

#footer .prescon img {
    width: 100%
}



.bg-grey{background:#f4ede6;}

.pd100{padding:100px;}

.mt-30{margin-top:28px;}

.icon-slider{
    padding-right:31px;
    margin-right:1px;
}
.icon-thumnail li{
    /*border-bottom: 1px solid #000;
    border-radius:0 6px;*/
    margin-bottom:30px;
    font-size: 13px;
    color: #000;
    display:flex;
    align-items:center;
    line-height:18px;
    position:relative;
    
}

.icon-slider li span img{width:30px;height:30px}
.icon-thumnail li:last-child{margin-bottom:0;}

/*.line_animation {transition: transform 4s cubic-bezier(.23, 1, .32, 1) !important;}*/
.line_animation {
    
    border-bottom: solid 1px #000;
    display: block;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 50%;
    height: 1px;
    transition: transform 4s cubic-bezier(.23, 1, .32, 1);
    will-change: transform;
    position: absolute;
    bottom:0px;
    right: 0;
    left: 0;
    height: 5px;
    border-radius:0 5px;
    overflow: hidden;
}

.line_animation.wow.animated {
    transform: scaleX(1) translateZ(0)
}




.icon-thumnail li span{
    width: 60px;
    height: 40px;
    padding: 4px;
    display: inline-block;
    /*border: 1px solid #000;*/
    border-radius: 0 5px;
    /*margin-bottom: -1px !important;*/
    margin: 0 15px 0 0;
    text-align: center;
    position:relative;
    overflow: hidden;

}

 .icon-thumnail li span:after {
  content: "";
  position: absolute;
  bottom:0;
  padding-right:0px;
  left:0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 0 5px 0;
  transition: transform 2s cubic-bezier(.23, 1, .32, 1);

}

.icon-thumnail li span:before {
  content: "";
  position: absolute;
  top:0px;
  right:0px;
  padding-left:0px;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-radius: 0 5px;
  transition: transform 2s cubic-bezier(.23, 1, .32, 1);
}

.icon-thumnail li span.wow.animated:before {
  animation: bottomright 2s ease-in-out forwards;
}

.icon-thumnail li span.wow.animated:after {
  animation: topleft 2s ease-in-out forwards;
}



.icon-thumnail li:first-child span.wow.animated {
    transition-delay: .40s
}

.icon-thumnail li:nth-child(2) span.wow.animated {
    transition-delay: .45s
}

.icon-thumnail li:nth-child(3) span.wow.animated {
    transition-delay: .50s
}

.icon-thumnail li:nth-child(4) span.wow.animated {
    transition-delay: .55s
}

.icon-thumnail li:nth-child(5) span.wow.animated {
    transition-delay: .60s
}

.icon-thumnail li:nth-child(6) span.wow.animated {
    transition-delay: .65s
}



@keyframes topleft {
  0% {
    width: 0;
    height: 0;
    padding-top: 0;
    visibility: visible;
  }
  25% {
    width: 100%;
    height: 0;
    padding-top: 0;
    visibility: visible;
  }
  50% {
    height: 100%;
    width: 100%;
    visibility: visible;
  }
  75% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}

@keyframes bottomright {
  0% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  25% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  50% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  75% {
    width: 100%;
    height: 0;
    padding-bottom: 0;
    visibility: visible;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
  }
}





.line{
    width:90%;
    margin-left: 0;
    background: #e2dedc;
    height:1px;
    margin-top: 8px;
    position:relative;
}

.line_animation2 {
    z-index:9;
    border-bottom: solid 1px #000;;
    display: block;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 50%;
    height: 1px;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform;
    position: absolute;
    bottom:0px;
    right: 0;
    left: 0;
    height: 5px;
    
}

.line_animation2.wow.animated {
    transform: scaleX(1) translateZ(0)
}


.line span:first-child .line_animation2.wow.animated {
    transition-delay: .40s
}

.relative2{
    position:relative;
    margin-right: 15px;

}
.relative{
    position:relative;
    

}
a.enlarge{
    position: absolute;
    bottom: 50px;
    left: 70px;
    font-size:14px;
    color:#000;
    border-bottom:1px solid #000;
    }


.video-thumb {
    position:relative;
    margin-top:30px;
}
.video-thumb img{
    height:auto;
    object-fit: cover;
        width: 100%;
}

.video-thumb span{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.ply-btn{
    border:1px solid #fff;
    padding: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px !important;
    width: 80px;
    height: 80px;
    line-height: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    }

.video-thumb:hover .ply-btn{
    background: #fff;
    color: #10100f;
}

.ecosystem p{margin-bottom:20px;}
.ecosystem p:last-child{margin-bottom:0px;}


/* .icon-part{
    margin:200px 0 100px;
} */



.icon-part li{
    
    border-radius:0 6px;
    margin-bottom:30px;
    font-size: 16px;
    color: #000;
    display:flex;
    align-items:center;
    line-height:18px;
    position:relative;
    border-bottom: 1px solid #000;
}



.icon-part li span:after {
  content: "";
  position: absolute;
  bottom:0;
  padding-right:0px;
  left:0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: 0 5px 0;
  transition: transform 2s cubic-bezier(.23, 1, .32, 1);

}

.icon-part li span:before {
  content: "";
  position: absolute;
  top:0px;
  right:0px;
  padding-left:0px;
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-radius: 0 5px;
  transition: transform 2s cubic-bezier(.23, 1, .32, 1);
}

.icon-part li span.wow.animated:before {
  animation: bottomright 2s ease-in-out forwards;
}

.icon-part li span.wow.animated:after {
  animation: topleft 2s ease-in-out forwards;
}

.icon-part li:first-child span.wow.animated {
    transition-delay: .40s
}

.icon-part li:nth-child(2) span.wow.animated {
    transition-delay: .45s
}

.icon-part li:nth-child(3) span.wow.animated {
    transition-delay: .50s
}

.icon-part li:nth-child(4) span.wow.animated {
    transition-delay: .55s
}

.icon-part li:nth-child(5) span.wow.animated {
    transition-delay: .60s
}

.icon-part li:nth-child(6) span.wow.animated {
    transition-delay: .65s
}


.icon-part li:last-child{margin-bottom:0;}

.line_animation3 {
    z-index:9;
    border-bottom: 1px solid #000;
    display: block;
    transform: scaleX(0) translateZ(0);
    transform-origin: 0 50%;
    height: 1px;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1);
    will-change: transform;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 5px;
    border-radius:0 5px;
}

.line_animation3.wow.animated {
    transform: scaleX(1) translateZ(0)
}



.icon-part li:first-child .line_animation3.wow.animated {
    transition-delay: .40s
}

.icon-part li:nth-child(2) .line_animation3.wow.animated {
    transition-delay: .45s
}

.icon-part li:nth-child(3) .line_animation3.wow.animated {
    transition-delay: .50s
}

.icon-part li:nth-child(4) .line_animation3.wow.animated {
    transition-delay: .55s
}

/*.icon-thumnail ul li:nth-child(5) .line_animation3.wow.animated {
    transition-delay: .60s
}*/

/*.icon-part li:after{
    content: '';
    position: absolute;
    right: 0;
    border: 0;
    width: 0%;
    background: #000;
    height: 1px;
    bottom:-1px;
    transition: all ease-in-out .5s;
    }
    
   
 .icon-part li:hover:after{   
    width:100%;left:0;
 }

*/
.icon-part li span{
    width: 60px;
    height: 45px;
    padding:4px;
    display: inline-block;
    margin:0 15px 0 0;
    border-radius: 0 5px;
    text-align:center;
    position:relative;
    overflow: hidden;

}

.loacation-ad .heading{margin-bottom:20px;}
.loacation-ad .icon-part{margin-right:30px;}

.ecosystem img{margin:60px 0;}
.ecosystem .icon-part{margin:0;}
.plots .icon-part{margin:0;}
.plots p{margin-bottom:60px;}
.plots .icon-part li span {
    width: 60px;
    height: 40px;
}
.plots .icon-part li span img{
    width:30px;
    height:30px
}

.enclave-btn{
    border:1px solid #000;
    cursor:pointer;
    /*border: linear-gradient(45deg, #d8a175, #9a6954);*/
    text-transform:uppercase;
    padding:12px 30px;
    font-size:15px;
    font-family: 'Montserrat-Bold';
    letter-spacing: 3px;
    color:#000;
    border-radius:0 13px;
    text-align:center;
    margin-top:50px;
    display: inline-block;
    outline:none;
    transition:all .3s ease-in-out;
    background:transparent;
    
}

.enclave-btn:hover{
    background: linear-gradient(45deg, #d8a175, #9a6954);
    color:#fff;
}

a:hover.enclave-btn{color:#fff;}

.video-dialog{max-width:93%;}





video{
    width:100%;
}

.popup-box .form  .form-group{margin-bottom:16px;}

.popup-box  h6{
    font-family: 'Gotham-Light';
    font-size: 21px;
    margin-bottom: 15px;
    color:#000;
}


.form-group{
    margin-bottom:40px;
}



.form  .form-control::-webkit-input-placeholder { 
  color: #000;
}

.form  .form-control::-moz-placeholder { 
  color:#000;
}
.form  .form-control:-ms-input-placeholder { 
  color:#000;
}
.form  .form-control:-moz-placeholder { 
  color:#000;
}

.customcon2 {
    position: relative;
}

.customcon2:after{
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 5px;
    color: #212121;
    font-size: 15px;
    transform: translateY(-50%);
}

.form .enclave-btn{
    margin-top:20px;
}


.map{
    padding-bottom:100px;
}

.map iframe{
    height:450px;
    width:100%;
}




.footer{
    padding:50px 0;
    background:#000;
}

.ft-logo{
    width:220px;
    margin:0;
}

.ft-logo2{
    width:180px;
    margin-right:0;
    float:right;
}

.middle-ft{
    /* border-top: 1px solid #727171; */
    margin: 0 0 50px;
    padding: 0 0 60px;
    border-bottom: 1px solid #727171;
}

.middle-ft p{
    color:#fff;
    margin:0;
    font-size:12.7px;
    opacity:0.8;
}
.middle-ft p a {
    color: #fff;
}

.middle-ft h5 {
    color: #fff;
}

.pb40{
    padding-bottom:20px;
}

.harera{
    /*border-bottom:1px solid #000 !important;*/
    border-bottom:1px solid #727171;
    padding-top:20px;
    position:relative;
}

.harera:after {
  content: '';
  position: absolute;
  background: #000;
  bottom:-1px;
  left: 0;
  height:1px;
  width: 0%;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.harera:hover::after {
  width: 100%;
  left: 0;
}




.middle-ft .line_animation2{bottom:-1px;}

.middle-ft ul{
    list-style:none;
    margin:0;
    text-align:right;
}
.ft-nav ul li{
    display: inline-block;
    margin-left:40px;

}
.ft-nav ul li a{
    
    font-size: 13px;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom:5px;
    text-align: right;
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    opacity:0.8;
    font-family: 'Gotham-Light';
    position:relative;
    
}

.ft-nav ul li a:after {
  content: '';
  position: absolute;
  background: #000;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 0%;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.ft-nav ul li a:hover::after {
  width: 100%;
  left: 0;
}





/*.ft-nav ul li a:hover{
    color:#000
}*/


.ft-nav ul li a a:hover{
    color:#000;
}

.disclaimer-dis p{
    margin:0;
    font-size:11px;
    color:#6d6c6c;
    
    line-height:15px;
}

.disclaimer-dis span{
    display:block;
    font-size:13px;
    margin:15px 0;
    color:#6d6c6c;
    
}

.copy-right{
    color: #e3e2e2;
    background: linear-gradient(45deg, #d8a175, #a26f58);
    text-align: center;
    padding: 5px 0;
    width: 100%;
    font-size: 11px
}
.copy-right a{
    color: #e3e2e2;
}
.headertop{ width:100%; height:80px; display:flex; align-items:center; justify-content:flex-start; background:#000;}
.fixed{position:fixed; top:0; left:0;}
.dlf-logo {
    width: 220px;
    padding: 0;
    margin:0;
}
.pd-top {padding: 100px 0;}
.enlarge2{display:none;}
.pd-top table{margin-bottom: 3rem;}
.pd-top table tr th,.pd-top table tr td{display:table-cell; vertical-align:middle;}
.pd-top table tr th {
    background: #bf8a68;
    color: #fff;
    text-align: center;
    padding: 13px 0;
}
.copy {
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
}
.copy a {
    color: #fff;
    text-decoration: none;
}

@media(min-width:1440px) and (max-width:1920px){
    
    
    .icon-slider {
    padding-right: 32px;
    
}

.icon-slider .icon-thumnail ul{margin-top:1px;}
.ecosystem .icon-part ul{margin-bottom:0;}
    .progress-box {
    
    right: 150px;
    }
    
    .prev {
    /*right: 22.5%;*/
    right:325px;
    }
}

@media(max-width:991px){
    
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}    
   .navbar-light .navbar-toggler-icon {
    background: url(../images/toggle.svg) no-repeat!important;
} 
 

.navbar-toggler-icon.cross {
    background: url(../images/cross.svg) no-repeat !important;
    background-size: 60% !important;
    background-position: center !important;
}



.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    outline: none;
    border-color: rgb(255 255 255 / 0%);
    padding: 0;
}
    .top_head {
    display: none;
}

.navbar-light .navbar-brand {
    margin-top: 0;
}

nav .bottom_line{margin-top:0;padding: 0;}


nav {
    background: #fff;
    padding: 13px 15px;
}

nav .bottom_line ul.navbar-nav li a {
    padding: 10px 0;
}

ul.navbar-nav {
    height:auto;
    margin-top:30px;
}

nav .bottom_line ul.navbar-nav li {
    position: relative;
    margin-left: 0;
}

nav .bottom_line ul.navbar-nav li a:after {display:none}

.navbar-brand {
    margin: 0;
}

.logowhite{}
.logoblack{display:block;}


.pd100,.pd-top  {
    padding:70px 0;
}

.banner .container .caption{
    max-width:400px;
}

.banner .container .caption h4{font-size:50px;}
.banner .container .caption span{font-size:20px;}
.banner .container .caption h5 {
    font-size: 27px;
}

.banner .circle{display:none;}
.progress-box {
    right: 60px;
}

.next{right:45px;}
.prev{right:275px;}

.heading{font-size:35px;margin-bottom: 40px;}

 .loacation-ad .icon-part{margin:30px 0 0;} 
 
 .loacation-ad{padding-bottom:70px !important}
 
 .map{padding-bottom:65px}
 
 .map iframe {
    height: 300px;
 } 
 
 .ft-logo2 {
    width: 180px;
 }
 
 .ft-logo2 {
    width: 130px;
 }
 
 a.enlarge{
    
    bottom:50px;
    left:30px;
    
    }
    
a.enlarge2{
    display:block;
    position: absolute;
    bottom:50px;
    left:15px;
    font-size: 14px;
    color: #000;
    border-bottom:1px solid #000;
    
}

.ecosystem img {
    margin: 60px 0 100px;
}

.cnt{width:161px;}
.cnt2{width:138px;}
.cnt3{width:164px;} 


}
@media(max-width:767px){
    .headingcomp{font-size:30px;}
    .headingcompsub{ font-size:25px;}
}

@media(max-width:560px){
    .pd-top { padding:50px 0;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right:0px;
    padding-left:0px;
        
}
    
.cnt{width:270px;}
.cnt2,.cnt3{width: auto;
    margin: 0;}     

.banner .container .caption{
    /*margin-top:100px;*/    
    z-index: 3;
    position: relative;
}
.overlay{z-index:2;}
.mb-banner1{
    background: url(../images/Mobile-Banner-1.webp) no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
}

.mb-banner2{
    background: url(../images/Mobile-Banner-2.webp) no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
}


.mb-banner3{
    background: url(../images/Mobile-Banner-3.webp) no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
}

.banner .container .caption>div{margin:auto;}
.banner .container .caption h4{font-size:35px;}
.banner .container .caption span{font-size:18px;}
.banner .container .caption h5 {
    font-size:20px;
}

.progress {
    z-index:999;
    width: 222px;
}

.icon-slider {
    
    padding: 0 1px;
}

.video-dialog {
    max-width: 90%;
}

.ecosystem .heading br{display:none;}

.icon-slider{padding-right:4px;}

.line {width:100%;margin-bottom:30px;margin-top:0;}
.plots .icon-part li:last-child{margin-bottom:30px;}



.ft-logo2 {
    width: 120px;
}

.ft-nav ul li {
    display: inline-block;
    margin-left: 0px;
    margin-right: 10px;
}

.middle-ft ul{
    text-align:left;
}

a.enlarge{
    
    bottom:0px;
    left:30px;
    
    }

.pb40{padding-top:40px;}



.middle-ft{/* padding:40px 0; *//* margin:50px 0 40px; */}


}

@media(max-width:414px){
    
    .mb-banner1{
    
    background-position:right 50% !important;
}
    
}    

@media(max-width:375px){
    .progress{width:198px;}
    
    .banner .container .caption{
         
    z-index: 3;
    position: relative;
}
}


.amenities-box {
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.amenities-box .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.amenities-box .icon {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 100%;
    background: #f4ede6;
    padding: 15px;
}

ul.amenities-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}

ul.amenities-list li {
    flex: 0 0 20%;
    width: 20%;
    margin: 10px 0 20px;
}

.amenities-box .txt {
    margin-top: 7px;
    color: #000;
    text-align: center
}
.floor-box {
    background: #fff;
    width: 100%;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.floor-box .overlay-content {
    background: rgba(00,00,00,0.5);
    padding: 15px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: -100%;
    transition: .5s ease;
}

.floor-box .overlay-content span {
    display: block;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 500;
}
.floor-box:hover .overlay-content {
    right: 0;
}

.floor-box .enclave-btn{
    margin-top: 0;
    border-color: #fff;
    color: #fff;
}

.price-boxs {
    background: #f4ede6;
    padding: 25px;
    margin: 15px 0;
    text-align: center;
    border-radius: 15px;
}

.price-boxs .price {
    font-size: 25px;
    font-weight: bold;
}

.price-boxs .enclave-btn{
        margin-top: 0;
}

.gallery-img {
    height: 400px !important;
}

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

.whatsapp-btn {
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff !important;
    font-size: 30px;
    border-radius: 100%;
    z-index: 99;
    line-height: 1;
}

.whatsapp-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cp-logo-mobile{
    display: none;
}

.call-us {
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff !important;
    font-size: 30px;
    border-radius: 100%;
    z-index: 99;
    line-height: 1;
    background: linear-gradient(45deg, #d8a175, #9a6954);
    padding: 5px;
    animation-name: tada;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.call-us img {
    width: 100%;
    height: 100%;
    object-fit: contain;
   
}

.call-us .loading {
    top: -2px;
    right: 9px;
    left: auto;
}

.marquee-banner-txt {
    position: absolute;
    top: 82px;
    z-index: 9;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    color: #fff;
        margin: 0 auto;
    text-align: center;
}
.marquee-banner-txt .txt {
    background: linear-gradient(45deg, #d8a175, #8b5e4c9e);
    border-radius: 0 5px;
    display: inline-block;
    font-family: 'Gotham-Light';
    padding: 10px 15px;
    line-height: 1.3;
    font-weight: 600;
    text-transform: uppercase;
}

.rera-detail-banner {
    position: absolute;
    right: 0;
    top: 109px;
    z-index: 9;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(13px);
    padding: 12px;
    border-radius: 7px 0 0 7px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 300px;
}
.rera-detail-banner h3 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.rera-detail-banner p, .rera-detail-banner a {
    color: #fff;
    font-size: 12px;
}
.rera-detail-banner p {
    margin-bottom: 10px;
    line-height: 1.4;
    word-wrap: break-word;
}

.rera-detail-banner p:empty {
    display: none;
}

.rera-detail-banner .rera-id img {
    width: 60px ;
    border: 0 ;
    margin: 0  5px 10px 0px;
}

.rera-detail-banner p:last-child {
    margin-bottom: 0;
}

@media(max-width:767px){
    .cp-logo-mobile{
    display: block;
}
.cp-logo{
    display: none;
}
.navbar-brand img {
    max-width: 120px;
}

ul.amenities-list li {
    flex: 0 0 50%;
    width: 50%;
}
.gallery-img {
    height: 200px !important;
}
.add-part {
    padding-bottom: 20px;
}
.cp-logo-mobile img{

max-width:100px
 }

 .marquee-banner-txt {
    top: 200px;
    font-size: 12px;
}
.marquee-banner-txt .txt{
    padding: 7px 10px;
}
.banner .container .caption>div {
    margin: 50px auto 0;
}

.rera-detail-banner {
    top: 83px;
    max-width: 98%;
    margin: 0 auto;
    left: 0;
    /* padding: 12px; */
    border: 0;
    backdrop-filter: none;
    text-align: center;
}

.rera-detail-banner p, .rera-detail-banner a {
    font-size: 10px;
}

.rera-detail-banner h3 {
    font-size: 13px;
}

}