body {
  background-color: #fffdfa;
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  overflow-x: hidden;
  font-variation-settings:
    "wdth" 100;

}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;

}

h1,
h2,
h3 {
  text-transform: capitalize;
}

p {
  line-height: 23px;
}

h1 {
  font-size: 40px;
  position: relative;
  font-weight: 700;
  color: #fff;

}



h2 {
  font-family: "Open Sans", sans-serif;
  z-index: 2;
  font-size: 35px;
  background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  gap: 15px;
  margin-bottom: 0;

}


h3 {
  font-size: 30px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 19px;
  color: #f9c61f;
  position: relative;

  font-weight: 500 !important; 
}

.line1 {
  /* background-image: url("../img/ahj.png");  file missing (404) - restore when the image is added */
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 35px;
  height: 12px;
  position: relative;
}

.line2 {
  /* background-image: url("../img/ahj.png");  file missing (404) - restore when the image is added */
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 35px;
  height: 12px;
  position: relative;
}




a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  letter-spacing: initial;
  line-height: initial;
}


p {
  letter-spacing: initial;
  line-height: 23px;
  font-size: 17px;
}

.btan a {
  color: #000000;
}

.btan {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 17px 40px;
  color: #0e0e0e;
  background: linear-gradient(
  -45deg,
  #fff1a6,
  #f9d54d,
  #f9c61f,
  #d4a814,
  #a8840f
);
  border-radius: 42px;
  z-index: 99;
}

.btan::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

}

.btan:hover:after {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);

}

.btan:hover {
  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  transition: all 0.5s;
  background-color: #3d4844;
}

.btan a:hover {
  color: #fff;
}

/* =============sticky_icon==================== */

.sticky_icon {
  display: none;
}


.heading {
  position: relative;
  padding-left: 12px;
}

.heading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background-color: #ddb865;
}



.fixed-tag {
  position: fixed;
  top: 0;
  z-index: 9999;
}


/* =========================header start========================= */
.hero-5-scroll-wrap {
  height: 32px;
  width: 20px;
  border: 2px solid #ffffff;
  display: inline-block;
  border-radius: 30px;
  margin-top: 20px;
  position: relative;
}


.scroll-down {
  position: absolute;
  bottom: -24px;
  left: calc(50% - 340px);
  height: 88px;
  width: 680px;
  text-align: center;

  z-index: 99;

}

.hero-5-scroll-wrap::before {
  content: "";
  height: 6px;
  width: 2px;
  border-radius: 50px;
  background-color: #ffffff;
  position: absolute;
  top: 5px;
  left: 7px;
  -webkit-animation: scrollMove 1.5s infinite;
  animation: scrollMove 1.5s infinite;
}

@keyframes scrollMove {

  to {
    transform: translateY(12px);
    transition: 0.3s;
    opacity: 0.2;
  }

  from {
    transform: translateY(0%);
    transition: 0.3s;

  }

}





/* popup form on restart */

.madal-reload {
  background: rgba(0, 0, 0, 0.69);
  align-items: center;
  justify-content: center;
  align-content: center;
}

.madal-reload .modal-dialog {
  position: relative;
  width: 639px !important;
  margin: var(--bs-modal-margin);
  pointer-events: none;
  justify-content: center;
  display: flex;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
}


.madal-reload .modal-header {
  padding: 0;
  height: 0;
  border: 0;
  display: block !important;
}

.madal-reload {
  background: rgba(0, 0, 0, 0.69);
}

.madal-reload .modal-content {
  margin: 12px;
}

.madal-reload .form-control {
  background-color: #fff !important;
  border: 1px solid #929292;

}


.madal-reload #SubmitQuerytop {
  /* background: #c98d4e !important; */
  background: #02260a !important;
}

.madal-reload h5 {
  color: #000000;
  font-size: 33px;
}

.madal-reload p {
  border-top: 1px solid #959595;
}



.madal-reload .motal_form_text span i {
  color: #c98d4e;
}

.madal-reload .motal_form_text h3 {
  font-size: 25px;
}

.btan_g {
  background: transparent;
  border: 2px solid #000;
  padding: 3px 11px;
  color: #000;
  font-size: 22px;
  position: relative;
  top: 8px;
  left: -10px;
  z-index: 99;
  float: right;
  border-radius: 9pc;
}


/*  */





.header {
  padding: 6px 0;
  z-index: 999;
  margin: 0 auto;
  top: 0;
  left: 0px;
  right: 0px;
  position: absolute;
  background: #02260a;
}




.header a {
  color: #ffffff !important;

}




/* STICKY STYLES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
.header.is-sticky {
  position: fixed;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  padding: 8px 0 !important;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  background: #02260a;
  border-bottom: none;
  height: auto;
  top: 0;
  left: 0;
  right: 0;

}

/* .header.is-sticky .logo img {
  width: 175px !important;
} */


.header.is-sticky .menu {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 0px solid #ddb865;
  border-right: 0px solid #ddb865;
}



.header .contect-us {

 background: linear-gradient(
  -45deg,
  #fff1a6,
  #f9d54d,
  #f9c61f,
  #d4a814,
  #a8840f
);
  border-radius: 42px;
}


.header .contect-us ul li .fa {
  padding: 11px 13px 11px 12px;
  background: #1a1a1a;
  border-radius: 3px;
  margin-right: 11px;
  color: #ddb865;
  border-radius: 42px;

}

.header .contect-us ul li span {
  color: #ffffff;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    transition: 0.3;
  }

  to {
    transform: translateY(0);
    transition: 0.3;
  }
}

.menu ul li {
  display: inline-block;
  padding-right: 19px;
}

.menu ul li a {
  position: relative;
}



.menu ul li a:hover:after {
  width: 100%;
  right: 0;
  left: 0;
  transition: 0.3s;
}

.header ul li a {
  transition: all 0.5s;
  font-size: 18px;
  font-weight: 400;

}



.header ul li .active {
  color: #ddb865 !important;
}

.header ul li a:hover {
  transform: all 0.5s;
  color: #ddb865 !important;

}


/* =========header closed========= */


/* ===========================banner = style = start ===================== */
.banner_bg {
  position: relative;

}

.banner_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: transparent;
  z-index: 1;
  
  /* background-image: url("../img/slider-bg-overlay-2.png");  file missing (404) */
}

.banner_bg .banner_img img {
  height: 100vh;
}

.banner_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  color: #fff;
  z-index: 2;
}

/* .banner .banner_wrapper_text ul li p {
  font-size: 19px;
  animation: color 03s linear infinite;
  transition: 0.3s;
}


@keyframes color {
  0% {
    color: #c79766;
    transform: scale(1);
    transition: 0.3s;
  }

  50% {
    color: #c79766;
    transform: scale(1.1);
    transition: 0.3s;
  }

  100% {
    color: #ffffff;
    transform: scale(1);
    transition: 0.3s;
  }
} */


.banner .banner_wrapper_text .bgk ul {
  background-color: #000;
  width: 469px;
  padding: 17px;
}

.banner .banner_wrapper_text .bgk ul li i {
  font-size: 58px;
  animation: flip infinite 4s;
  background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0) translateY(0%);
    animation-timing-function: ease-out;
  }

  /* 70% {
  transform: perspective(400px) rotateY(300deg) translateY(-50%);
  animation-timing-function: ease-in;
} */
  100% {
    transform: perspective(400px) rotateY(360deg) translateY(0%);
    animation-timing-function: ease-in;
  }
}


.banner .banner_wrapper_text .bgk ul li h3 {
  color: #ffffff;
  font-size: 21px;
  letter-spacing: 5px;
}


.banner .banner_wrapper_text .bgk ul li p {
  font-size: 24px !important;
  font-weight: 623;
}

.banner .banner_wrapper_text .banner_highlight h3 {
  color: #ffffff;
  font-size: 17px;
  letter-spacing: 1.3px;
}

.banner .banner_wrapper_text h3 {
  font-size: 23px;
  color: #000;
}

.banner .banner_wrapper_text .price_bg {
  padding: 11px;
  width: 469px;
  background: linear-gradient(
  -45deg,
  #fff1a6,
  #f9d54d,
  #f9c61f,
  #d4a814,
  #a8840f
);

}

.banner .banner_wrapper_text h5 {
  background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  font-size: 25px;
  font-weight: bold;

}

.banner .banner_wrapper_text i {
  color: #c79766;
}

.banner .banner_wrapper_text h6,
.banner .banner_wrapper_text .hero-location {
  font-size: 17px;
  margin: 0;
    margin-bottom: 0px;
  padding: 0;
  color: #fff !important;
  letter-spacing: 1.2px;
  position: relative;
}

.banner .banner_wrapper_text h6::after,
.banner .banner_wrapper_text .hero-location::after{
  position: absolute;
  bottom: -12px;
  left: 0;
  background-color: #d7ad50;
  width: 97px;
  height: 3px;
  content: "";
}



.banner .banner_wrapper_text ul li h5 {
  font-size: 26px;

}
.banner .banner_wrapper_text {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 520px;
  padding: 24px 28px;   /* 👈 space inside the overlay */
}

.banner .banner_wrapper_text::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: -1;
  border-radius: 6px;
}


.banner_bg .banner h4 {
  display: none;
}

.banner .banner_text .form_section {
  padding: 18px 42px;
  border-radius: 12px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;
  /* background: linear-gradient(180deg, rgb(231 190 90) 0%, rgb(255 244 202) 49%, rgb(227 184 79) 100%); */
  /* background: linear-gradient(
  180deg,
  rgb(206, 125, 61) 0%,
  rgb(255, 205, 151) 49%,
  rgb(186, 105, 41) 100%
); */
background: linear-gradient(
  -45deg,
  #fff1a6,
  #f9d54d,
  #f9c61f,
  #d4a814,
  #a8840f
);


  width: 364px;
}

.form-label {
  color: #4f4b4b;
  text-align: left !important;
  float: left;
  margin-left: 5px;
}

.text_form {
  height: 45px;
  padding: 12px 52px !important;
}





.icon-inside {
  position: absolute;
  width: 50px;
  height: 44px;
  left: 9px;
  top: 0;
  pointer-events: none;
  font-size: 18px;
  font-size: 1.125rem;
  color: #c79766;
  z-index: 3;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.banner .banner_text .form_section p {
  color: #070707;
}

.banner .banner_text .form_section h3 {
  color: #282726;
  font-size: 22px;
  font-weight: bold;
}

.form_bottom .form_section {
  margin: 0;
  background-color: #37403d;
  border-radius: 0;
}


#SubmitQuerytop {
  background: #000;
  color: #ffffff;
  outline: none;
  width: 100%;
  height: 42px;
  border: none;
  font-weight: bold;
  border-radius: 9px;
  transition: 0.3s;
}

#SubmitQuerytop:hover {
  background-color: #424242;
  transition: 0.3s;
  border: none;
  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3);
}

.img_high {
  position: absolute;
  top: 6%;
  z-index: 99;
  right: 48%;
}

.img_high img {
  width: 109px;
}




/* slider */

.slick-dots {
  bottom: 7px;
  z-index: 99;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px !important;
}


.slick-dots li.slick-active button::before {
  opacity: .95;
  color: #c99c3e ;
}

.slick-dots li button::before {
  font-family: 'slick';
  font-size: 14px;
  line-height: 20px;
}

/* =============== banner start style closed ========================= */




/*=============== about bg start ============ */

.about_bg {
  padding: 90px 0;
  /* background-image: url("../img/about_bg.png");  file missing (404) */
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.about_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #80917d;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;

}


.about_bg h3 {
  color: #fff;
  font-size: 21px;
}


.about_bg .highlight_text h4 {
  color: #000;
  font-size: 20px;
}

.about_bg .highlight_about_text .about_highlight li i {
  color: #ddb865;
  font-size: 29px !important;
}

.about_bg .highlight_about_text .about_highlight {
  border: 2px solid #fff;
  padding: 12px;
}

.about_bg .highlight_about_text .about_highlight li h5 {
  color: #fff;
}


.about_bg .highlight_text i {
  color: #ddb865;
  font-size: 21px;
  background: #6a6666;
  padding: 12px;
  border-radius: 9px;
}

.about_bg p {
  color: #000000;
  line-height: 30.1px;
  letter-spacing: 1.01px;
  /* font-size: 17px; */
  text-align: justify;
}

/*=============== about bg end ============ */


/* ======= price list section start ============= */
.price_text{
      color: #aebaba;
}
.price_list_bg {
  position: relative;
  padding: 90px 0;
  background-color: #aebaba;

}


.price_list_bg .btan a {
  color: #000000;
}


.price_list {
  z-index: 9;
  position: relative;
}

.price_list .price_list_box {
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  /* background-color: #f6f1e7; */
  background-color: #02260a;
  border-radius: 20px;

}


.price_list .price_list_box::after {
  /* background-image: url("../img/service-card-bg-2-1.png");  file missing (404) */
  background-size: cover;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: 1;
}


.price_list .price_list_box .price_list_high {

  display: inline-block;
  padding-bottom: 12px;
  position: relative;
  z-index: 11;
  color: #fff;
}


.price_list .price_list_box .Price_list_text_highlight {
  position: relative;
  z-index: 11;
  padding-bottom: 1px;
  border-bottom: 2px dotted #000;
  color: #fbfbfb;
}




.price_list_high h3 {
  font-size: 20px;
  /* color: #423c3c; */
  border: 2px solid #d2a94c;
  padding: 9px 33px;
   color: #aebaba;
}

.Price_list_text {
  /* color: #000000; */
  position: relative;
  z-index: 11;
  color: #fbfbfb;
}

.Price_list_text h3 {
  font-size: 40px;
}





/* -============ highlight style section start ================ */


.highlight_bg {
  /* background-image: url("../img/banner_wrapper.jpg"); */
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 0;
  background: #80917d;
}

.highlight_bg .hilight_wrapp_text .highlight_wrapp ul li i {
  font-size: 35px;
  background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
}


.highlight_bg .hilight_wrapp_text .highlight_wrapp ul li p {

  /* font-size: 19px; */
  /* color: #fbfbfb; */
  letter-spacing: 1px;
}






/* =======================amenities style start ===================== */

.amenities_bg {

  padding: 90px 0;
 background-color: #aebaba;
}



.amenities_bg h2 {
  color: #fff;
}

.amenities_main {
  position: relative;
  z-index: 9;
}

.amenities_box {
  background: #f3f3f3;
  text-align: center;
  height: 100%;
  border-top: 3px solid #c98d4e;
  min-height: 154px;
border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.overlay_text i {
  font-size: 47px;
  color: #0d6efd;
}


/* =======================amenities style end ===================== */








/* =========== gallery section start =========== */


.gallery_bg {
  padding: 90px 0;
  background-color: #aebaba;
}

.gallery_img {

  position: relative;
  overflow: hidden;
}

.gallery_img img {
  transform: scale(1);
  transition: 0.3s;
  min-height: 300px;
  border: 3px solid #c99c3e;
  height: 100%;
}



.gallery_img .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  width: 214px;
  height: 66px;
  align-items: center;
  justify-content: center;
  display: flex;
  transition: 0.3s;
  transform: scale(0);
}

.gallery_img .overlay a {
  color: #000;
  font-size: 19px;
  transition: 0.3s;
}

.gallery_img .overlay a i {
  color: #ffffff;
  font-size: 19px;
  background-color: #ddb865;
  padding: 7px;
  margin-left: 13px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.gallery_img .overlay:hover a {
  color: #ddb865;
  transition: 0.3s;
}

.gallery_img:hover .overlay {
  transform: scale(1);
  transition: 0.3s;
}


/* =========== gallery section end =========== */







/* =====================floor plan style css========================= */




.floor_plan {
  padding: 90px 0;
  /* background-image: url("../img/floor_plan_bg.png");  file missing (404) */
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.floor_plan::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #80917d;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;

}


.floor_plan_box h5,
.floor_plan_box h3 {
  text-align: center;
  color: #191919;
  padding: 12px 0;
  background-color: #fff;
}



.floor_plan_img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  place-content: center;
  /* display: flex; */
  text-align: center;
  width: 182px;
  height: 47px;
  margin: auto;
   display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* .floor_plan_img img {
  opacity: 0.5;
  filter: blur(8px);

} */

.floor_plan_img {

  position: relative;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  overflow: hidden;
}

.floor_plan_img img {
  width: 100%;
  height: 250px;
  aspect-ratio: 4961 / 3508; /* ratio of the original plans; applies where height is auto (mobile) */
  display: block;
  transform: scale(1);
  opacity: 1;
  transition: transform 0.6s ease;
}

.floor_plan_img:hover img {
  transform: scale(1.12);
}



/* ===================floor style end======================================= */






.location_bg {
  padding: 90px 0;
  /* background-image: url("../img/banner_wrapper.jpg"); */
   background: #80917d;
  background-size: cover;
  background-repeat: no-repeat;
}




.location_bg h4,
.location_bg .loc-icon {
  font-size: 25px;

  background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
}

.location_bg h5,
.location_bg .loc-text {
  /* font-size: 18px; */
  /* color: #fbfbfb; */
  letter-spacing: 1px;
}


.footer_bg {
  /* background-image: url("../img/map_bg.png");  file missing (404) */
  padding: 90px 0 10px 0;
  color: #000000;
  position: relative;
  z-index: 2;
  background-size: cover;
}


.footer_bg::after {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #80917d;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;

}



.footer {
  position: relative;
  z-index: 1;
}

.footer_bg h3 {
  position: relative;
}

.footer_bg h3::after {
  content: "";
  border-left: 3px solid #ddb865;
  border-top: 3px solid #ddb865;
  position: absolute;
  top: -1px;
  left: -5px;
  width: 12px;
  height: 12px;
}

.footer_contant p {
  line-height: 26px;
  letter-spacing: 1.1px;
  text-align: justify;
}

.footer_contant .contact_us ul li i {
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 50pc;
  padding: 15px;
}

.footer_contant .contact_us ul li p {
  color: #ddb865;
  font-weight: bold;
}

.footer_contant .contact_us ul li span {
  font-size: 18px;
  color: #fff;
}


.contect-form {
  margin: 0 50px;
}

.contect-form .form_section {
  background: #02260a;
  padding: 28px 42px;
  border-radius: 12px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;
}

.contect-form h3 {
  position: relative;
}



.foooter_form .form-control::placeholder {
  color: #fff;

}



.footer_b .information-web {
  margin: 0 auto;
  font-size: 14px;
}

.footer-bootom {
  border-top: 1px solid #e4e4e4;
  background: #575655;
  padding: 10px 0;
  color: #fff;
}

.footer-bootom ul a {
  font-size: 16px;
  color: #fff;
}


/* ====================================footer  form style end===================================================== */






/* scroll style btn css=========== */

.go-top {
  position: fixed;
  bottom: 9%;
  right: 3%;

  padding: 20px;
  display: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  z-index: 991;
}

.go-top:after {
  font-family: FontAwesome;
  content: "\f062";
  padding: 13px 15px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  background: linear-gradient(to right, #ddb865d9, #ddb86585);
  border-radius: 25px;
  left: 0;
}

.go-top-text {
  position: absolute;
  width: 60px;
  text-align: center;
  font-family: 'Questrial';
  line-height: 1.5;
  letter-spacing: 3px;
  font-size: 12px;
  margin: 20px 0 0 -4px;
}

.go-top:hover {
  transition: all .4s linear;
  transform: scale(1.1);
}





/* ==============================responsiive================================================== */

@media only screen and (max-width: 991px) {
  h1 {
    font-size: 30px;
  }

  h2:not(.section-title) {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 19px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }



  .menu ul {
    position: fixed;
    text-align: left;
    top: 0;
    left: -100%;
    background-color: #0f0d0d;
    width: 60%;
    height: 100vh;
    transition: 0.3s;
    z-index: 999;
    padding-top: 52px;
  }

  .header .menu a {
    color: rgb(255, 255, 255) !important;
    font-weight: 500;
    justify-content: flex-start;
  }

  .menu ul li {
    display: block;
    padding: 17px 0 17px 23px;

  }

  .menu ul li:last-child {
    border: none;
  }

  .hamberger {
    display: flex;
    justify-content: flex-end;
  }



  .mobilemenu {
    position: relative;
    background-color: #ffffff;
    width: 16px;
    height: 2px;
    transition: all 0.3s;
    z-index: 999;
    justify-content: space-around;
    display: flex;
    align-items: center;
    top: -22px;
    cursor: pointer;
  }




  .mobilemenu::after {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 20px;
    height: 2px;
    bottom: -7px;
    transition: all 0.3s;
    z-index: 999;
  }

  .mobilemenu::before {
    position: absolute;
    content: "";
    background-color: #ffffff;
    width: 20px;
    height: 2px;
    top: -7px;
    transition: all 0.3s;
    z-index: 999;
  }

  .menu.active .mobilemenu {
    background: transparent;
    transition: all 0.3s;
    cursor: pointer;
  }

  .menu.active .mobilemenu::after {
    transform: rotate(45deg);
    transition: all 0.3s;
    bottom: 0;
    background-color: #ffffff;
  }

  .menu.active .mobilemenu::before {
    transform: rotate(-45deg);
    transition: all 0.3s;
    top: 0;
    background-color: #ffffff;
  }



  .menu ul li a {
    position: relative;
  }

  .menu.active ul {
    top: 0;
    left: 0;
    transition: all 0.5ms;
    transition: 0.3s;
  }

  .header ul li .active {
    background: none;
    padding: 0;
  }

  .header ul li a:hover {
    background: none;
    padding: 0;
  }


  .menu ul li a::after {
    position: absolute;
    right: 50%;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 2px;
    content: "";
    background-color: transparent;
  }

  .header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .banner_bg .banner_img img {
    height: 727px;
  }

  .banner_slider_text h5 {
    padding: 12px 0;
  }

  .banner_bg .banner h4 {
    display: block;
    margin: 13px 0;
    padding: 0;
  }

  .banner h4 span .fa {
    color: #ececec;
    border-radius: 50pc;
    background: linear-gradient(to right, #ddb865d9, #ddb86585);
    width: 41px;
    height: 38px;
    place-content: center;
    display: flex;
    padding: 0;
    align-items: center;
    transition: 0.3s;
  }

  .banner h4 h3 {
    border: 2px solid #ffffff;
    padding: 4px 32px;
    border-radius: 27px 8px 8px 27px;
    margin: 0 0 0 -28px;
    z-index: -6;
    font-size: 20px !important;
  }

  .banner .form_section::after {
    position: absolute;
    top: 0;
    left: 0;
  }

  .banner .banner_text .form_section {
    width: 100%;
    margin: 0;
  }

  .footer_bg {

    padding: 50px 0 10px 0;
  }


  .header .contect-us {
    display: none;
  }



  /* ========================sticky_icon mob====================================== */

  .sticky_icon {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }


  .sticky_icon ul li a {
    color: #000000;
  }

  .sticky_icon ul li {
    background-color: #ddb865;
    padding: 14px 0;
    text-align: center;
    border-right: 2px solid #c6c6c6;
  }

  .footer-bootom {
    border-top: 1px solid #e4e4e4;
    background-color: #000000;
    padding: 10px 0 55px 0;
  }


  .about::after {
    display: none;
  }

  .contect-form {

    margin: 0 0px;

  }


  .high_img {
    position: absolute;
    z-index: 9;
    top: 13%;
    right: 14%;
  }

  .header .menu {
    background-color: transparent;
    padding: 0PX;
    border-radius: 0PX;
    border-bottom: 0px solid #ddb865;
    border-right: 0px solid #ddb865;
  }

  .bgk {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }

  .bgk::after {
    display: none;
  }

  .bgk::before {
    display: none;
  }


  .banner .banner_wrapper_text {
    margin: 0 0 0 0;
  }

  .location_img::after {
    display: none;
  }


  .banner .banner_wrapper_text {
    margin: 0 0 0 0;
  }



  .banner .banner_wrapper_text .bgk ul {
    width: 100%;
  }

  .banner .banner_wrapper_text .price_bg {
    width: 100%;

  }

  .banner_bg {
    margin: 0;
  }

  .img_high img {
    width: 74px;
  }

  .highlight_bg .highlight_text_high {
    margin: 0;
  }

  .highlight_bg .highlight_text_high li {
    padding-bottom: 15px;
  }

  .highlight_bg .highlight_text_high li p {
    line-height: 24px;
    letter-spacing: 0px;
    font-size: 16px;
  }



  .amenities_right {
    margin: 0;
  }

  .location_img {
    margin: 0;
  }

  .banner .banner_wrapper_text .banner_highlight_text {
    border: 0;
  }


}

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

  p {
    font-size: 16px;
  }

  .banner .banner_wrapper_text ul li h5 {
    font-size: 24px;
  }

  .banner_bg .banner_img img {
    height: 100%;
  }



  .banner_text {
    z-index: 99;
    position: relative;
    padding-bottom: 29px;
    background: #424140;
    padding-top: 15px;

  }

  .banner .banner_wrapper_text ul li h5 {
    font-size: 21px;
  }

  .banner .banner_wrapper_text .bgk ul li i {
    font-size: 42px;

  }


  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 18px;
  }


  .banner .banner_wrapper_text .bgk ul li p {
    font-size: 24px !important;
    font-weight: 623;
  }



  .about_img .image2 img {
    display: none;
  }

  .high_img {
    position: absolute;
    z-index: 9;
    top: 31%;
    right: 6%;
  }

  .high_img img {
    width: 147px;
  }


  .mouse {
    position: absolute;
    z-index: 10000;
    width: 22px;
    height: 42px;
    bottom: 10px;
  }

  .mb-tabl {
    margin-bottom: 30px;
  }

  .mt-tabl {
    margin-bottom: 30px;
  }


  .gallery_img {

    margin: 0px;
  }


  .form_bottom .form_section {
    margin: 0;
    background: linear-gradient(-45deg, #e3b95c, #d0a649, #eaca6f, #c99c3e, #fcea9c);
    border-radius: 0;
    padding: 28px 17px;
  }


  .project_box .bg_high li {
    font-size: 14px;
  }

  .form_section {
    /* background: #2a3431; */
    padding: 28px 42px;
    border-radius: 12px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 0px 0px;
  }

  .img_high {
    position: absolute;
    top: 3%;
    z-index: 99;
    right: 11%;
  }

  .img_high img {
    width: 64px;
  }


  .banner_bg::after {
    background-color: transparent;

    background-image: none;
  }

  .about_bg {
    padding: 50px 0;
  }

  .price_list_bg {
    padding: 50px 0;
  }

  .gallery_bg {
    padding: 50px 0;
  }

  .amenities_bg {
    padding: 50px 0;
  }

  .floor_plan {
    padding: 50px 0;
  }

  .highlight_bg {
    padding: 50px 0;
  }

  .location_bg {
    padding: 50px 0;
  }

  .map {
    overflow: hidden;
    padding-bottom: 89.25%;
    position: relative;
    height: 0;
  }

  .floor_plan_img img {
    height: 100%;
  }

  .gallery_img .overlay {
    width: 214px;
    height: 55px;
  }

  .gallery_img .overlay a {
    color: #000;
    font-size: 15px;
  }

  .gallery_img .overlay a i {
    color: #ffffff;
    font-size: 11px;
  }


  .amenities_bg h5 {
    font-size: 17PX;
  }

  .highlight_bg .highlight_text_high .highlight_icon {
    position: relative;
    left: 0;
  }

  .contect-form .form_section {
    margin: 0;
  }

  .about_bg .highlight_about_text .about_highlight li h5 {
    font-size: 18px;
  }

  .highlight_bg .hilight_wrapp_text .highlight_wrapp ul li p {
    font-size: 15px;
  }

  .location_bg h5,
.location_bg .loc-text {
    font-size: 15px;
  }


  .about_bg p {
    color: #fff;
    line-height: 24.1px;
    letter-spacing: 1.01px;
    font-size: 15px;
  }
}

footer {
  background-color: #02260a;
  padding: 50px 0 !important;
}

footer p {
  text-align: center;
  font-size: 13px;
  color: #fff;
}

footer p:not(:last-child) {
  margin-bottom: 5px;
}

footer p a {
  color: #fff !important;
}
.red_color{
  color: #02260a;
}

.inp-box {
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-top: 10px;
    text-align: left;
    font-size: 12px;
}

.inp-box label.inp-txt {
    padding-left: 10px;
    color: #fff;
    font-size: 12px;
}

.inp-box label.inp-txt.black {
    padding-left: 10px;
    color: #000000;
    font-size: 12px;
}

/* ===================== Reset + Normalize (previously two render-blocking CDN requests) =====================
   Must stay AFTER all rules above: the current design depends on this cascade order.
   Meyer reset v2.0 (public domain) and normalize.css v8.0.1 (MIT), unmodified. */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*# sourceMappingURL=normalize.min.css.map */

/* ===================== SEO / performance additions ===================== */

/* Section labels: semantic <h2> (paired with Bootstrap's .h6 class for its size)
   that keeps the original h6 look. */
h2.section-title,
div.section-title {
  display: block;
  position: relative;
  z-index: auto;
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit;
  font-weight: 500;
  color: #f9c61f;
  text-transform: none;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentcolor;
  gap: normal;
}

/* Hero location line (was an <h6>): Bootstrap's .h6 class supplies the same size; keep the inherited line-height */
.banner .banner_wrapper_text .hero-location {
  line-height: inherit;
}

/* Amenity and floor-plan names (were <h4>/<h5>): undo the h3 capitalize rule */
.amenities_box h3,
.floor_plan_box h3 {
  text-transform: none;
}

/* Images now carry intrinsic width/height attributes so the browser reserves
   their space (no layout shift). These rules keep the original fluid sizing. */
.img_banner img {
  display: block;
  width: 100%;
}

.about_img img,
.hghlight_text img {
  width: 100%;
  height: auto;
}

.amenities_box img,
.gallery_img img {
  width: 100%;
}

/* Keyboard focus indicator (only shown for keyboard users) */
#SubmitQuerytop:focus-visible,
.go-top:focus-visible,
.hamberger:focus-visible {
  outline: 2px solid #f9c61f;
  outline-offset: 2px;
}

/* ===================== FAQ section ===================== */
.faq_bg {
  padding: 90px 0;
  background-color: #aebaba;
}

.faq_list {
  max-width: 960px;
  margin: 0 auto;
}

.faq_item {
  background-color: #02260a;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 14px;
  overflow: hidden;
}

.faq_item summary {
  display: block;
  position: relative;
  padding: 18px 60px 18px 24px;
  cursor: pointer;
  list-style: none;
}

.faq_item summary::-webkit-details-marker {
  display: none;
}

.faq_item summary::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: #f9c61f;
  font-size: 28px;
  line-height: 1;
}

.faq_item[open] summary::after {
  content: "\2212";
}

.faq_item summary:focus-visible {
  outline: 2px solid #f9c61f;
  outline-offset: -2px;
}

.faq_item h3.faq_q {
  margin: 0;
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.3px;
  text-transform: none;
}

.faq_item[open] h3.faq_q {
  color: #f9c61f;
}

.faq_answer {
  padding: 0 24px 22px;
  border-top: 1px solid rgba(249, 198, 31, 0.25);
}

.faq_answer p {
  margin: 16px 0 0;
  color: #f1f1f1;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: 0.3px;
}

.faq_answer a {
  color: #f9c61f;
  text-decoration: underline;
}

.faq_answer a:hover {
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .faq_bg {
    padding: 50px 0;
  }

  .faq_item summary {
    padding: 16px 52px 16px 18px;
  }

  .faq_item h3.faq_q {
    font-size: 17px;
  }

  .faq_answer {
    padding: 0 18px 18px;
  }

  .faq_answer p {
    font-size: 15px;
    line-height: 25px;
  }
}

/* Main menu: keep each label on one line now that the menu has a FAQ link.
   Slightly tighter item spacing only where the 9 items would otherwise wrap. */
@media (min-width: 1200px) {
  .menu ul li a {
    white-space: nowrap;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .menu ul li {
    padding-right: 14px;
  }
}