* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", serif !important;
}

p {
  font-family: "Outfit", serif !important;
}

a {
  font-family: "Rubik", serif !important;
}

nav {
  background-color: #fff;
}
nav .nav-link {
  color: #000 !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  margin: 0px 5px;
}
nav .logo-img {
  width: 250px;
  height: auto;
}
@media (max-width: 991px) {
  nav .logo-img {
    width: 180px;
    height: auto;
  }
}

/*.banner {
 height: 500px;
}
.banner video {
  height: 541px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}*/

.about {
  padding: 50px 0px;
}
@media (max-width: 991px) {
  .about {
    padding:0px 0px;
  }
}
.about .form-box {
  background-color: #EEEEEE;
  padding: 50px;
}
@media (min-width: 991px) {
  .about .form-box {
    height: 100%;
  }
}
@media (max-width: 991px) {
  .about .form-box {
    padding: 10px;
  }
}
.about .form-box label {
  color: #4FAD25;
  font-weight: 600;
  font-family: "Outfit", serif !important;
}
.about .form-box input {
  width: 100%;
  padding: 5px;
  color: #000;
}
.about .form-box textarea {
  width: 100%;
  height: 100px;
  color: #000;
}
.about .form-box button {
  background-color: #4FAD25;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid #fff;
}
.about img {
  width: 100%;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .about img {
    height: 410px;
  }
}
.about h1 {
  font-style: normal;
  font-weight: 800;
  font-size: 42px;
  text-transform: uppercase;
}
.about h1 span {
  color: #4FAD25;
}
@media (max-width: 991px) {
  .about h1 {
    font-size: 26px;
  }
}
.about h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
}
.about li {
  font-family: "Rubik", serif !important;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
}
.about .bg-btn {
  background-color: #4FAD25;
  padding: 10px 30px;
  border: none;
  color: #fff;
  font-weight: 500;
  font-family: "Rubik", serif !important;
}
.about .bg-btn a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
}

.amenities {
  padding: 50px 0px;
}
@media (max-width: 991px) {
  .amenities {
    padding: 20px 0px;
  }
}
.amenities h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.amenities h6 span {
  color: #4FAD25;
  font-weight: 700;
}
.amenities h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.amenities h2 span {
  color: #CD9E54;
}
@media (max-width: 991px) {
  .amenities h2 {
    font-size: 26px;
  }
}
.amenities h4 {
  color: #4FAD25;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 0px;
}
.amenities .nav-pills .nav-link.active, .amenities .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #4FAD25;
  font-family: "Outfit", serif !important;
}
.amenities .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #4FAD25;
  font-weight: 700;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.amenities button {
  background-color: #4FAD25;
  padding: 5px 20px;
  border: none;
}
.amenities button a {
  color: #fff;
  text-decoration: none;
  font-family: "Outfit", serif !important;
}

@media (max-width: 991px) {
  .floor-plans {
    padding: 20px 0px;
  }
}
.floor-plans h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.floor-plans h6 span {
  color: #4FAD25;
  font-weight: 700;
}
.floor-plans h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.floor-plans h2 span {
  color: #CD9E54;
}
@media (max-width: 991px) {
  .floor-plans h2 {
    font-size: 26px;
  }
}
.floor-plans .nav-pills .nav-link.active, .floor-plans .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #4FAD25;
  font-family: "Outfit", serif !important;
}
.floor-plans .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #4FAD25;
  text-decoration: none;
  background: 0 0;
  border: 0;
  font-family: "Outfit", serif !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.floor-plans .floor-image {
  width: 100%;
  height: auto;
}

.walkthrough iframe {
  width: 100%;
  height: 300px;
}
@media (max-width: 991px) {
  .walkthrough iframe {
    height: 300px;
  }
}

.services {
  padding: 50px 0px;
}
@media (max-width: 991px) {
  .services {
    padding: 20px 0px;
  }
}
.services h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.services h2 span {
  color: #CD9E54;
}
@media (max-width: 991px) {
  .services h2 {
    font-size: 26px;
  }
}
.services .custom-btn {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
}

.pictures h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.pictures h6 span {
  color: #4FAD25;
  font-weight: 700;
}
.pictures h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.pictures h2 span {
  color: #4FAD25;
}
@media (max-width: 991px) {
  .pictures h2 {
    font-size: 26px;
  }
}
.pictures img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .pictures img {
    height: 150px;
  }
}
.pictures .nav-pills .nav-link.active, .pictures .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #4FAD25;
  font-family: "Outfit", serif !important;
}
.pictures .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #4FAD25;
  text-decoration: none;
  background: 0 0;
  border: 0;
  font-family: "Outfit", serif !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.life-family {
  padding: 50px 0px;
}
.life-family h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.life-family h6 span {
  color: #CD9E54;
}
.life-family h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.life-family h2 span {
  color: #CD9E54;
}
@media (max-width: 991px) {
  .life-family h2 {
    font-size: 26px;
  }
}
@media (max-width: 991px) {
  .life-family {
    padding: 20px 0px;
  }
}
.life-family iframe {
  width: 100%;
  height: 300px;
}

.location h6 {
  font-size: 14px;
  margin-bottom: 0px;
}
.location h6 span {
  color: #CD9E54;
}
.location h4 {
  font-weight: 500;
}
.location h4 span {
  color: #CD9E54;
}
.location h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
}
.location h2 span {
  color: #CD9E54;
}
@media (max-width: 991px) {
  .location h2 {
    font-size: 26px;
  }
}

.form {
  padding: 20px 0px;
  background-color: #000;
}
.form h6 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}
.form h2 {
  font-style: normal;
  font-weight: 800;
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 991px) {
  .form h2 {
    font-size: 26px;
  }
}
.form .form-box label {
  color: #fff;
}
.form .form-box input {
  width: 100%;
  padding: 5px;
  color: #000;
}
.form .form-box textarea {
  width: 100%;
  height: 100px;
  color: #000;
}
.form .form-box button {
  background-color: #000;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid #fff;
}
.form a {
  color: #fff;
  text-decoration: none;
}
.form iframe {
  width: 100%;
  height: 400px;
}
@media (max-width: 991px) {
  .form iframe {
    height: 300px;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999999;
}

.form-container {
  position: fixed;
  top: 55%;
  left: 50%;
  width: 40%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  background-position: center;
  background-size: cover;
  padding: 3px 120px;
  border-radius: 5px;
  display: none;
  z-index: 999999;
}

.form-container button:hover {
  background-color: white;
  color: black;
}

.close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.popup_form .cross {
  background-color: #4FAD25;
  color: #fff;
}
.popup_form .cross:hover {
  background-color: #4FAD25;
  color: #fff;
}

.popup_form label {
  color: #4FAD25;
  font-family: "Outfit", serif !important;
  font-size: 18px;
}

.popup_form input {
  font-family: "Outfit", serif !important;
  font-size: 14px;
  color: #53626a;
}

.popup_form textarea {
  font-family: "Outfit", serif !important;
  font-size: 14px;
  color: #53626a;
}

.popup_form h5 {
  color: #000;
  font-family: "Outfit", serif !important;
  font-size: 19px;
}

.popup_form h6 {
  color: #997A49;
  font-family: "Outfit", serif !important;
  font-size: 15px;
  text-align: center;
}

.popup_form button {
  background-color: #4FAD25;
  color: #fff;
  font-family: "Outfit", serif !important;
  font-weight: 500;
}
.popup_form button:hover {
  border: 1px solid #4FAD25;
}

@media (max-width: 576px) {
  .form-container {
    top: 50%;
    width: 88%;
    padding: 10px 10px;
  }
  .btn_brochure {
    background-color: #1e1916;
    padding: 5px 0 20px 0;
    margin-top: -5px;
  }
}
.callandformbtn {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.callandformbtn button {
  background-color: #4FAD25;
  width: 100%;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
}

.callandformbtn button a {
  color: white;
  text-decoration: none;
}

.rera h2 {
  color: #000;
  font-family: "Outfit", serif !important;
  font-weight: 500;
}
.rera p {
  color: #000;
  font-size: 16px;
  font-family: "Outfit", serif !important;
  font-weight: 300;
}
.rera h4 {
  color: #4FAD25;
  font-family: "Outfit", serif !important;
  font-weight: 500;
}/*# sourceMappingURL=style.css.map */