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

body {
  font-family: "Cardo", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  background-color: var(--bs-light-theme);
  overflow-x: hidden;
  margin: 0;
}

/* * {
  outline: 1px solid red;
} */

.logo {
  background-image: url('./Assests/logo.webp');
  background-size: cover;
  height: 65px;
  width: 200px;
}

:root {
  --bs-dark-theme: #b6292f;
  --bs-light-theme: #fff;
  --bs-medium-theme: #efe8ea;
  --bs-border-color: #6e6e6e;
  --bs-offwhite-color: #fef3f1;
  --bs-brown-color: #ffb2b5;
  --theme: #b6292f;
  --bs-border-color: #e5e5e5;
}

.highlight-img {
  width: 24vw;
  height: 24vw;
}

.text-primary {
  color: var(--bs-dark-theme) !important;
}

.w-fit {
  width: fit-content !important;
}

.read-more {
  cursor: pointer;
  text-decoration: none !important;
  margin-top: 10px;
  color: var(--bs-dark-theme);
}

.read-more:hover {
  text-shadow: 2px 2px 5px #2e2e2e;
}

.read-more-text {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;

  p:first-child {
    margin-top: 0px;
  }

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

.read-more-text.show {
  -webkit-line-clamp: unset;
}



.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--theme) !important;
  --bs-btn-border-color: var(--theme) !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-dark-theme) !important;
  --bs-btn-hover-border-color: var(--bs-dark-theme) !important;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-dark-theme) !important;
  --bs-btn-active-border-color: var(--bs-dark-theme) !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--theme) !important;
  --bs-btn-disabled-border-color: var(--theme) !important;
}

.heading {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-size: 36px;
  font-weight: 500;
  font-style: normal;
  color: var(--bs-dark-theme);
}

.sub-heading {
  font-family: "ZCOOL XiaoWei", sans-serif;
  font-size: 26px;
  font-weight: 400;
  font-style: normal;
  color: var(--bs-dark-theme);
}

.logo-img {
  width: 8rem;
}

.right-btn {
  background: linear-gradient(-45deg, var(--bs-dark-theme), var(--theme), var(--bs-dark-theme)) !important;
}

.background-img {
  background: url(/Assests/background-amenity.webp);
  background-position: center;
  background-size: cover;
}

.contact-us-img {
  background: url(/Assests/contactus.webp);
  background-position: center;
  background-size: cover;
}

.placeholder-white::placeholder {
  color: white;
}

.translate-5:hover {
  transform: translate(-8px, -8px);
  transition: all 0.3s ease-in-out;
}

.scale-1 {
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.scale-1:hover {
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
}

.cursor-pointer {
  cursor: pointer;
}

.blur-1 {
  filter: blur(-10px);
}

.fs-7 {
  font-size: 0.8rem !important;
}

.fs-8 {
  font-size: 0.6rem !important;
}

.fs-9 {
  font-size: 0.4rem !important;
}

/* Custom Bootstrap */

.text-danger {
  --bs-text-opacity: 1;
  color: var(--bs-dark-theme) !important;
}

.opacity-90 {
  opacity: 90% !important;
}

.bg-primary {
  background-color: var(--bs-dark-theme) !important;
  --bs-bg-opacity: 1;
}

.bg-dark {
  background-color: var(--bs-dark-theme) !important;
  --bs-bg-opacity: 1;
}

.bg-light {
  background-color: var(--bs-light-theme) !important;
  --bs-bg-opacity: 1;
}

.bg-darklight {
  background-color: var(--bs-medium-theme) !important;
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background: linear-gradient(to right,
      var(--bs-offwhite-color) 72%,
      var(--bs-dark-theme) 28%) !important;
}

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

.bg-offwhite {
  background-color: var(--bs-offwhite-color) !important;
  --bs-bg-opacity: 1;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b6292f;
  --bs-btn-border-color: #b6292f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ba4550;
  --bs-btn-hover-border-color: #ba4550;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ba4550;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b6292f;
  --bs-btn-disabled-border-color: #b6292f;
}

.dropdown-menu-dark {
  --bs-dropdown-color: #343a40;
  --bs-dropdown-bg: #fef3f1;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: #343a40;
  --bs-dropdown-link-color: #343a40;
  --bs-dropdown-link-hover-color: #343a40;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #b6292f;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}


/* heighight section */
.rectangle-b {
  position: relative;
  /* width: 1440px; */
  height: 787px;
  margin: 97px auto 0;
  background: #fef3f1;
  border: 1px solid #fef3f1;
  z-index: 31;
}

.flex-column-fe {
  position: absolute;
  width: 627px;
  height: 716px;
  top: -1px;
  left: 813px;
  z-index: 50;
}

.rectangle-c {
  position: absolute;
  width: 600px;
  height: 787px;
  top: 0;
  left: 420px;
  background: #b6292f;
  border: 1px solid #fef3f1;
  z-index: 45;
}

.group-d {
  position: absolute;
  width: 500px;
  height: 500px;
  top: 230px;
  left: 150PX;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/tZ9SW4e5Y6.png) no-repeat center;
  background-size: cover;
  z-index: 50;
}

.flex-column-dd {
  position: absolute;
  width: 393px;
  height: 653px;
  top: 68px;
  left: 149px;
  z-index: 47;
}

.frame-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 392px;
  margin: 0 0 0 1px;
  z-index: 47;
}

.project-highlights {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 302px;
  height: 59px;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  z-index: 48;
}

.business-highlights {
  /* display: flex; */
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 752px;
  height: 54px;
  /* height: auto; */
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  letter-spacing: 0.17px;
  z-index: 49;
}

.frame-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 40px;
  position: relative;
  width: 368px;
  margin: 72px 0 0 0;
  z-index: 32;
}

.frame-10 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 33;
}

.acres-of-land-parcel {
  flex-shrink: 0;
  position: relative;
  width: 266px;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 34;
}

.a {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.cres-of-land-parcel {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}

.frame-11 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 182px;
  z-index: 35;
}

.amenities-12 {
  flex-shrink: 0;
  position: relative;
  width: 182px;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 36;
}

.plus-a {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.amenities-13 {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}

.frame-14 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 280px;
  z-index: 37;
}

.acres-of-open-spaces {
  flex-shrink: 0;
  position: relative;
  width: 280px;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 38;
}

.dot-a {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.cres-of-open-spaces {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}

.frame-15 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 39;
}

.views-of-sanjay-gandhi-national-park-and-the-ulhas-river {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  z-index: 40;
}

.v {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.views-of-sanjay-gandhi-national-park-and-the-ulhas-river-16 {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}

frame-17 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 326px;
  z-index: 41;
}

.one-of-the-largest-clubhouse {
  flex-shrink: 0;
  position: relative;
  width: 326px;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 42;
}

.o {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.one-of-the-largest-clubhouse-18 {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}

.frame-19 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 43;
}

.super-connectivity-and-lifestyle-infrastructure {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  font-family: Optima, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  z-index: 44;
}

.s {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
}

.super-connectivity-and-lifestyle-infrastructure-1a {
  position: relative;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.088px;
  text-align: left;
  text-transform: lowercase;
}


/* ===== SECTION ===== */
#FloorPlan {
  /* padding: 80px 20px; */
  /* background: #ffffff; */
  font-family: "Cardo", serif;
}

/* ===== HEADER ===== */
.frame-5f {
  max-width: 1100px;
  margin: 0 auto;
}

.frame-60 {
  text-align: center;
  margin-bottom: 40px;
}

.floor-plan-61 {
  display: block;
  font-size: 42px;
  color: #b6292f;
  font-family: "ZCOOL XiaoWei", serif;
  padding: 12px;
}

.bramhacorp-business-group {
  display: block;
  max-width: 720px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 26px;
  color: #000;
}

/* ===== CARD CONTAINER ===== */
.w-full.max-w-4xl {
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* ===== DROPDOWN ===== */
#layout-selector {
  width: 100%;
  background-color: #c11d1d;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  padding: 14px;
  text-align: center;
  appearance: none;
  padding-bottom: 5px;
}

#layout-selector:focus {
  outline: none;
}

/* ===== MAIN CONTENT ===== */
.flex.flex-wrap {
  display: flex;
  gap: 24px;
}

/* ===== LEFT CARD ===== */
#layout-info {
  background: #fdeeee;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
}

#layout-info h3 {
  font-size: 22px;
  color: #8b0000;
  margin-bottom: 6px;
}

#layout-info p {
  font-size: 14px;
  color: #555;
  margin: 4px 0;
}

/* ===== BUTTON ===== */
#layout-info button {
  margin-top: 16px;
  background: #c11d1d;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
}

#layout-info button:hover {
  background: #a81818;
}

/* ===== RIGHT IMAGE ===== */
#layout-image img {
  max-width: 100%;
  border-radius: 8px;
  border: 1px solid #ddd;
  margin-top: 10px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .flex.flex-wrap {
    flex-direction: column;
  }
}


/* amenities */
.frame-1b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  /* gap: 48px; */
  position: relative;
  width: auto;
  /* max-width: 1140px; */
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 73;
  /* padding: 40px; */
}

.frame-1c {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 889px;
  z-index: 74;
}

.amenities-1d {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 59px;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  z-index: 75;
}

.discobramhacorp {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 889px;
  min-width: 0;
  height: 54px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.17px;
  z-index: 76;
}

.group-1e {
  position: relative;
  width: 100%;
  height: 568px;
}

.image {
  /* position: absolute; */
  /* width: 1540px; */
  height: 568px;
  /* top: 0; */
  /* left: 0; */
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/4ew3JsesfU.png) no-repeat center;
  background-size: cover;
  background-position: center;
  /* z-index: 78; */
}

.rectangle-1f {
  position: absolute;
  width: 519px;
  height: 568px;
  top: 0;
  right: 276px;
  background: rgba(182, 41, 47, 0.9);
  z-index: 79;
}

.frame-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 26px;
  position: absolute;
  width: 368px;
  height: 478px;
  top: 45px;
  right: 346px;
  z-index: 80;
}

/* .frame-21 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 81;
}

.star {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/wYLuvPHwnY.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 82;
}

.kids-adventure-park {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 83;
}

.frame-22 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 259.5px;
  z-index: 84;
}

.star-23 {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/uGEKGTkatN.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 85;
}

.multipurpose-play-court {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 86;
}

.frame-24 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 121.5px;
  z-index: 87;
}

.star-div {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/4xH6RJazKL.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 88;
}

.glamping-span {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 89;
}

.frame-div {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 90;
}

.star-div-25 {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/4e0soGSMfJ.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 91;
}

.seating-court-span {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 92;
}

.frame-div-26 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 138.5px;
  z-index: 93;
}

.star-div-27 {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/G9EhsjeYte.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 94;
}

.calisthenics-span {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 95;
}

.frame-div-28 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 96;
}

.star-div-29 {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/ALzrcckUi3.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 97;
}

.tree-deck-span {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 98;
}

.frame-div-2a {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 99;
}

.star-div-2b {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/dCCcjzBscJ.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 100;
}

.pets-park-span {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}

.frame-div-2c {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 102;
}

.star-div-2d {
  flex-shrink: 0;
  position: relative;
  width: 11.5px;
  height: 11.5px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/pW2bssoaiT.png) no-repeat center;
  background-size: cover;
  opacity: 0.8;
  z-index: 103;
}

.climbing-wall-span {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 29.788px;
  text-align: left;
  white-space: nowrap;
  z-index: 104;
} */

.frame-div {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  /* z-index: 105; */
}


.star-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: yellow;
}

.zip-line {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  /* z-index: 107; */
}

/* gallery */
#gallery {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  overflow: hidden;
}

.frame-div-30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  /* gap: 43px; */
  position: relative;
  /* width: auto; */
  /* margin: 97px auto 0; */
  /* z-index: 108; */
}

.frame-div-31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 889px;
  /* z-index: 109; */
  max-width: 1140px;
}

.gallery-span {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 59px;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  /* left: 250px; */
  /* z-index: 110; */
}

.bramhacorp-span {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 1129px;
  height: 54px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.17px;
  /* z-index: 111;  */
}

.frame-div-32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  /* z-index: 112; */
}

.frame-div-33 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1154px;
  border-radius: 10px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/oOYUBxKitM.png) no-repeat center;
  background-size: cover;
  /* z-index: 113; */
}

.frame-div-34 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  /* z-index: 114; */
}

.rectangle-div {
  flex-shrink: 0;
  position: relative;
  width: 473px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/TcZz1TYo6J.png) no-repeat center;
  background-size: cover;
  /* z-index: 115; */
  border-radius: 6px;
}

.image-div {
  flex-shrink: 0;
  position: relative;
  width: 631px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/ACygbCFADp.png) no-repeat center;
  background-size: cover;
  /* z-index: 116; */
  border-radius: 6px;
}

.image-div-35 {
  flex-shrink: 0;
  position: relative;
  width: 273px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/SLhdRmJXO2.png) no-repeat center;
  background-size: cover;
  z-index: 117;
  border-radius: 6px;
}

.frame-div-36 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 924px;
  z-index: 118;
}

.image-div-37 {
  flex-shrink: 0;
  position: relative;
  width: 673px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/LWj6b9WMpr.png) no-repeat center;
  background-size: cover;
  z-index: 119;
  border-radius: 6px;
}

.image-div-38 {
  flex-shrink: 0;
  position: relative;
  width: 293px;
  height: 339px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/MLiLsAx1zt.png) no-repeat center;
  background-size: cover;
  z-index: 120;
  border-radius: 6px;
}

/* location */
.frame-div-39 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  /* gap: 48px; */
  position: relative;
  max-width: 1140px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin: 97px auto 0;
  z-index: 121;
}

.frame-div-3a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 889px;
  z-index: 122;
}

.location-span {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 59px;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  /* z-index: 123; */
}

.bramhacorp-span-3b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 923px;
  height: 54px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  letter-spacing: 0.17px;
  /* z-index: 124; */
}

.group-div {
  /* flex-shrink: 0; */
  position: relative;
  width: 1189px;
  height: 500px;
  /* margin: 0 auto; */
  z-index: 125;
}

.group-div-3c {
  position: absolute;
  width: 989px;
  height: 500px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  /* z-index: 126; */
}

.image-3d {
  position: absolute;
  width: 500px;
  height: 500px;
  top: 0;
  left: 380px;
  background: url(./Assests/map2.webp) no-repeat center;
  background-size: cover;
  z-index: 137;
  border-radius: 6px;
}

.group-3e {
  position: absolute;
  width: 989px;
  height: 402px;
  top: 49px;
  left: 0;
  /* z-index: 127; */
}

.frame-3f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 31px;
  position: relative;
  width: 307px;
  margin: 38px 0 0 26px;
  z-index: 129;
}

.upcoming-metro-line {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 130;
}

.pune-station {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 19px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 18.956px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.14px;
  z-index: 131;
}

.bethany-hospital {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 132;
}

.bethany-hospital-40 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 204px;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 133;
}

.manipal-hospital {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 204px;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 134;
}

.manipal-hospital-41 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 204px;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 135;
}

.manipal-hospital-42 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 204px;
  height: 20px;
  color: #ffffff;
  font-family: Cardo, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.15px;
  z-index: 136;
}

.rectangle-43 {
  position: absolute;
  width: 1089px;
  height: 402px;
  top: 0;
  right: -90px;
  background: #b6292f;
  /* z-index: 128; */
  border-radius: 6px;
}

/* About developer */

.frame-44 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 34px;
  position: relative;
  width: 1431px;
  margin: 97px auto 0;
  /* z-index: 138; */
}

.about-developer {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1431px;
  font-family: Cardo, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 59px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  /* z-index: 139; */
}

.a-45 {
  position: relative;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
}

.bout {
  position: relative;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  text-transform: lowercase;
}

.a-46 {
  position: relative;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
}

.bout-47 {
  position: relative;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  text-transform: lowercase;
}

.brama-corp {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  width: 1231px;
  height: 155px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 31px;
  text-align: center;
  letter-spacing: 0.32px;
  /* z-index: 140; */
}

.read-more-48 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 33px;
  color: #b6292f;
  font-family: Cardo, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.16px;
  /* z-index: 141; */
}

/* contact */
.frame-49 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 48px;
  position: relative;
  width: 1441px;
  margin: 97px auto 0;
  /* z-index: 142; */
}

.frame-4a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 13px;
  position: relative;
  width: 889px;
  /* z-index: 143; */
}

.contact-us-4b {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 59px;
  color: #b6292f;
  font-family: ZCOOL XiaoWei, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 59px;
  text-align: center;
  white-space: nowrap;
  /* z-index: 144; */
}

.discover-flamante {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 923px;
  height: 27px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.17px;
  z-index: 145;
}

.group-4c {
  flex-shrink: 0;
  position: relative;
  width: 100vh;
  height: 376px;
  z-index: 146;
  width: 100%;
  max-width: 1840px;
  /* margin: 0 auto; */
  display: flex;
}

.group-4d {
  /* position: relative; */
  width: 417px;
  height: 376px;
  margin: 0 0 0 764px;
  z-index: 148;
  overflow: visible auto;
  width: 30%;
  min-width: 320px;
  max-width: 420px;
  margin-left: auto;
  display: flex;
  position: relative;
  right: 250px;
}

.frame-4e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 36px;
  position: relative;
  width: 341px;
  margin: 58px 0 0 20px;
  z-index: 150;
  position: relative;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.get-in-touch {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 29px;
  color: #ffffff;
  font-family: Tinos, var(--default-font-family);
  font-size: 25px;
  font-weight: 700;
  line-height: 28.748px;
  text-align: left;
  white-space: nowrap;
  z-index: 151;
  font-size: 25px;
  line-height: 1.2;
}

.frame-4f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  min-width: 0;
  /* z-index: 152; */
  width: 100%;
  gap: 32px;
}

.frame-50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  /* z-index: 153; */
}

.label,
.label-52 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Tinos, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 154; */

}

.line {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 2rem;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/Ubd9uNtSwR.png) no-repeat center;
  background-size: cover;
  /* z-index: 155; */
}

.frame-51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  /* z-index: 156; */
}

.label-52 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Tinos, var(--default-font-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  /* z-index: 157; */
}

.line-53 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/apJsuNFspF.png) no-repeat center;
  background-size: cover;
  /* z-index: 158; */

}

.frame-54 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 7.5px;
  position: relative;
  height: 55px;
  padding: 11.25px 24px 11.25px 24px;
  background: #ffffff;
  /* z-index: 159; */
  /* border-radius: 4px; */
}

.submit {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #c02222;
  font-family: Tinos, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 22.998px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 1px;
  /* z-index: 160; */
}

.rectangle-55 {
  position: absolute;
  width: 417px;
  height: 376px;
  top: 0;
  left: 0;
  background: rgba(182, 41, 47, 0.8);
  /* z-index: 149; */
  box-shadow: 0 4px 10.4px 0 rgba(0, 0, 0, 0.12);
  /* border-radius: 10px; */
}

.group-56 {
  position: absolute;
  width: 100%;
  height: 376px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-05-19/MiOdQ2FEYD.png) no-repeat center;
  background-size: cover;
  /* z-index: 147; */
}

/* footer */
.rectangle-57 {
  position: relative;
  width: 1440px;
  height: 197px;
  margin: 97px auto 0;
  background: #ffffff;
  z-index: 163;

}

.ahgysuhijk-at-balewadi-pune {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 829px;
  height: 95px;
  top: 50px;
  left: 462px;
  color: #000000;
  font-family: Cardo, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 18.956px;
  text-align: left;
  /* z-index: 167; */
}

.frame-58 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 22px;
  position: absolute;
  width: 248px;
  height: 98px;
  top: 50px;
  left: 153px;
  /* z-index: 164; */
}

.logo-here-59 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 68px;
  color: #b6292f;
  font-family: Roboto, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.12px;
  /* z-index: 165; */
}

.image-5a {
  flex-shrink: 0;
  position: relative;
  width: 98px;
  height: 98px;
  background: url(./Assests/qr1.webp) no-repeat center;
  background-size: cover;
  z-index: 166;
}



/* footer */
.bg {
  position: relative;
  width: 1803px;
  height: 55px;
  margin: 97px auto 0;
  background: #b6292f;
  /* z-index: 169; */
  overflow: visible auto;
}

.bg1 {
  position: relative;
  /* width: 1441px; */
  height: 55px;
  /* margin: 97px auto 0; */
  background: #b6292f;
  z-index: 169;
  overflow: visible auto;
}

.frame-5b {
  display: flex;
  align-items: flex-start;
  /* flex-wrap: nowrap; */
  gap: 579px;
  position: relative;
  width: 1240px;
  margin: 16px 0 0 100px;
  z-index: 170;
}

.devdna-all-rights-reserved {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.821167945861816px;
  font-weight: 400;
  line-height: 23.693px;
  text-align: left;
  white-space: nowrap;
  z-index: 171;
}

.links {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 600px;
  height: 25px;
  z-index: 172;
  overflow: hidden;
}

.terms-conditions {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.821167945861816px;
  font-weight: 400;
  line-height: 23.693px;
  text-align: left;
  white-space: nowrap;
  z-index: 173;
}

.separator {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.821167945861816px;
  font-weight: 400;
  line-height: 23.693px;
  text-align: left;
  white-space: nowrap;
  z-index: 174;
}

.privacy-policy {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.821167945861816px;
  font-weight: 400;
  line-height: 23.693px;
  text-align: left;
  white-space: nowrap;
  z-index: 175;
}

.separator-5c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 4.505px;
  height: 24.779px;
  color: #ffffff;
  font-family: Lato, var(--default-font-family);
  font-size: 13.821167945861816px;
  font-weight: 400;
  line-height: 23.693px;
  text-align: left;
  white-space: nowrap;
  z-index: 176;
}

.bg-prop {
  background-color: #ecdfdf;
}

.headline {
  font-size: 35px;
  color: #aa474c;
  font-weight: 500;
}

.description {
  font-size: larger;

}

.gallery-img {
  min-width: 240px;
  height: 160px;
  padding: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* IMAGE PATHS */
.img-1 {
  background-image: url('./Assests/bc\ 1.webp');
}

.img-2 {
  background-image: url('./Assests/bc\ 2.webp');
}

.img-3 {
  background-image: url('./Assests/bc\ 3.webp');
}

.img-4 {
  background-image: url('./Assests/Elevation.webp');
}

.form-select option:checked {
  background-color: #1d0c0d;
  /* bootstrap danger */
  color: white;
}


/* Bootstrap End */

/* Media Queries */
/* @media (max-width: 768px) {
  .map-view {
    height: 250px;
    object-fit: cover;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .highlight-img {
    width: 40vw;
    height: 40vw;
  }

  .bg-gradient {
    background: linear-gradient(to right,
        var(--bs-offwhite-color) 73%,
        var(--bs-dark-theme) 27%) !important;
  }
}

@media (max-width: 432px) {
  .bg-gradient {
    background: linear-gradient(to bottom,
        var(--bs-offwhite-color) 78%,
        var(--bs-dark-theme) 22%) !important;
  }
} */

/* Media Queries  */