
@font-face {
  font-family: "Roboto";
  src: url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
  font-display: swap;
}

body {
  background-color: #1a3d31;
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  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: 55px;
  position: relative;
  font-weight: 700;
  color: #fff;
  text-shadow: 5px 0 5px rgba(0, 0, 0, .75);

}



h2 {
  font-family: "Open Sans", sans-serif;
  z-index: 2;
  font-size: 35px;
  background: linear-gradient(90deg, rgb(209, 159, 109) 0%, rgb(209, 159, 109) 35%, rgb(255, 255, 255) 100%);
  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: #c79766;
  position: relative;

  font-weight: 500;
}

.line1 {
  background-image: url("../img/ahj.png");
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 35px;
  height: 12px;
  position: relative;
}

.line2 {
  background-image: url("../img/ahj.png");
  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: 13px 18px;
  color: #0e0e0e;
  background: linear-gradient(90deg, rgb(209, 159, 109) 0%, rgb(209, 159, 109) 35%, rgb(255, 255, 255) 100%);
  border-radius: 9px;
  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: #c79766;
}



.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: 839px !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: #c79766 !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: #c79766;
}

.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;
}



.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: #0b3a31;
  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 #c79766;
  border-right: 0px solid #c79766;
}



.header .contect-us {

  padding: 3px 21px 3px 3px;
  background: linear-gradient(90deg, rgb(209, 159, 109) 0%, rgb(209, 159, 109) 35%, rgb(255, 255, 255) 100%);
  border-radius: 42px;
}


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

}

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

@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::after {
  position: absolute;
  right: 50%;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 2px;
  content: "";
  background-color: #c79766;
}

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

.header ul li a {
  transition: all 0.5s;
  color: rgb(255, 255, 255)0f0;
  font-size: 18px;
  font-weight: 400;
}



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

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


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



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


.banner_bg {
  background-color: #0b3a31;
  position: relative;
  z-index: 1;
  padding-top: 80px;
  height: 100vh;
  overflow: hidden;
}


.banner_bg::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/banner_wrapper.png");
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  content: "";
  z-index: -1;

}


.banner_bg .banner_img img {
  height: 80vh;


}

.banner .banner_wrapper_text .bgk ul li {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding: 8px;
  border-left: 1px solid #fff;
}

.banner .banner_wrapper_text h3 {
  font-size: 23px;
  color: #fff;
  text-shadow: 5px 0 5px rgba(0, 0, 0, .55);
}

.banner .banner_wrapper_text h5 {
  color: #fff7d2;
  font-size: 25px;
  font-weight: bold;
  animation: color 03s linear infinite;
  transition: 0.3s;

}

/*
@keyframes color {
  0% {
    color: #00ff11;
      transition: 0.3s;
  }

  50% {
    color: #ff0000;
    transition: 0.3s;
  }

  100% {
    color:#00ff11;
    transition: 0.3s;
  }
}

*/

.banner .banner_wrapper_text .banner_highlight_text {
  border-left: 1px solid #fff;

}

.banner .banner_wrapper_text .banner_highlight_text i {
  font-size: 24px;
}

.banner .banner_wrapper_text .banner_highlight h3 {
  color: #ffffff;
  font-size: 18px;

}

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

.banner .banner_wrapper_text h6 {
  font-size: 19px;
  margin: 0;
  padding: 0;
  color: #fff !important;
}

.banner .banner_wrapper_text .bgk ul li h3 {

  padding: 11px;
  color: #ffffff;
  font-size: 22px;
}

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

}


.banner_bg .banner h4 {
  display: none;
}



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

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






.icon-inside {
  position: absolute;
  width: 50px;
  height: 54px;
  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;
}

.form_section p {
  color: #ffffff;
}

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

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


#SubmitQuerytop {
  background: linear-gradient(90deg, rgb(209, 159, 109) 0%, rgb(209, 159, 109) 35%, rgb(255, 255, 255) 100%);
  color: #ffffff;
  outline: none;
  width: 100%;
  height: 55px;
  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;
}


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




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

.about_bg {
  padding: 90px 0;
}

.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: #c79766;
  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: #c79766;
  font-size: 21px;
  background: #6a6666;
  padding: 12px;
  border-radius: 9px;
}

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

/* Mobile (Default) */
.about_right video {
  width: 100%;
  height: auto;
  border: 2px solid #ffffff; /* White border */
  border-radius: 16px; /* Curved corners */
  box-sizing: border-box; /* Ensures border doesn't overflow */
}

.about_right h3 {
  color: #cfcfcf;
  padding: 12px 0;
  font-weight: 400;
  font-size: 16px;
}

/* Tablet (≥768px) */
@media (min-width: 768px) {
  .about_right video {
    width: 80%;
    margin: 0 auto;
    display: block;
    border-radius: 18px;
  }

  .about_right h3 {
    font-size: 18px;
  }
}

/* Desktop (≥1024px) */
@media (min-width: 1024px) {
  .about_right video {
    width: 65%;
    border-radius: 20px;
  }

  .about_right h3 {
    font-size: 22px;
  }
}


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


/* ======= price list section start ============= */

.price_list_bg {
  position: relative;
  padding: 90px 0;

}

.price_list_bg .btan {
  background-color: #0b3a31 !important;
  color: #fff;
}

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


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

.price_list .price_list_box {
  padding: 25px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: relative;
  background-image: url("../img/banner_wrapper.png");
  background-size: cover;
  background-repeat: no-repeat;
}


.price_list .price_list_box::after {
  background-image: url("../img/service-card-bg-2-1.png");
  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 {
  border-radius: 9px;
  background-color: #fff;
  position: relative;
  z-index: 11;
  border: 2px solid #fff;
}

.price_list .price_list_box .Price_list_text_highlight p {
  line-height: 25px;
  background-color: #1a3d31;
  padding: 5PX;
  color: #fff;
  font-size: 25px !important;
}




.price_list_high h3 {
  font-size: 28px;
}

.Price_list_text {
  color: #ffffff;
  position: relative;
  z-index: 11;
}

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





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


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

.highlight_bg .highlight_text_high {
  border: 2px solid #fff;
  height: 111px;
  display: flex;
}

.background_border {
  border: 4px solid #323b38;
}


.highlight_bg .highlight_text_high li {
  padding-bottom: 40px;
  color: #ededed;
}

.highlight_bg .highlight_number p {

  color: #ffffff;
}

.highlight_bg .highlight_text_high .highlight_icon {

  background: #fff;
  position: relative;
  left: -32px;

}

.highlight_bg .highlight_text_high i {
  background: #fff;
  color: #d9982f;
  font-size: 21px;
  padding: 9px;

}

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

.amenities_bg {

  padding: 90px 0;
}


.amenities_bg h3 {
  color: #008000;
  font-size: 35px;
}

.amenities_box ul li {
  border: 2px solid #f5f5f5;
  text-align: center;
  height: 100%;
  min-height: 84px;
  padding: 22px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.amenities_box ul li h5 {
  color: #fff;
}


.amenities_bg .amenitie_text p {
  color: #fff;
}


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












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


.gallery_bg {
  padding: 90px 0;
  background-image: url("../img/banner_wrapper.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.gallery_img {

  position: relative;
  overflow: hidden;
}

.gallery_img img {
  transform: scale(1);
  transition: 0.3s;
  min-height: 250px;
  height: 100%;
}

.gallery_img:hover img {
  transform: scale(1.1);
  transition: 0.3s;
}

.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: #c79766;
  padding: 7px;
  margin-left: 13px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.gallery_img .overlay:hover a {
  color: #c79766;
  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/banner_wrapper.png");
  background-size: cover;
  background-repeat: no-repeat;
}


.floor_plan_img .overlay {
  position: absolute;
  content: "";
  background-color: rgba(21, 40, 51, 0.77);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translatey(86%);
  transition: 0.3s;

}

.floor_plan_box h5 {
  display: flex;
  justify-content: center; /* Centers text horizontally */
  color: #fff;
  padding: 1px 0px 0px 0px;
}


.floor_plan_img:hover .overlay {
  transform: translatey(0);
  transition: 0.3s;
}

.floor_plan_img:hover .overlay h5 {
  display: none;
}

.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;
}

.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 style end======================================= */






.location_bg {
  padding: 90px 0;


}

.location_bg h4 {
  font-size: 25px;
  border-right: 5px solid #0b3a31;
  padding: 18px 0;
}

.location_bg h5 {
  color: #323232;
  font-size: 16px;
}

.location_bg .location_img img {
  filter: blur(6px);
}

.location_bg_text .location_main ul li {
  background-color: #fff;
  padding: 0px 12px;
}











.footer_bg {
  background-image: url("../img/amenities_bg.png");
  padding: 90px 0;
  color: #fff;
  position: relative;
  background-size: cover;
}

.footer_bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #1a3d31c4;
  position: absolute;
  top: 0;
  right: 0;
}




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

.footer_bg h3 {
  position: relative;
}

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

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

.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: #c79766;
  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: #0b3a31;
  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;

  padding: 23px 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, #c79766d9, #c7976685);
  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: 32px;
  }

  h2 {
    font-size: 25px !important;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 19px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .header .logo img {
    width: 175px !important;
  }

  .menu ul {
    position: fixed;
    text-align: left;
    top: 0;
    left: -100%;
    background-color: #0b3a31;
    width: 60%;
    height: 100vh;
    transition: 0.3s;
    z-index: 999;
    padding-top: 52px;
    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;
  }

  .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;
  }




  .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, #c79766d9, #c7976685);
    width: 50px;
    height: 50px;
    place-content: center;
    display: flex;
    padding: 0;
    align-items: center;
    transition: 0.3s;
  }

  .banner h4 h3 {
    color: #fff;
    border: 2px solid #ffffff;
    padding: 12px 39px;
    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;
  }


  .footer_bg {
    background-color: #1d1d1d;
    padding: 50px 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: #c79766;
    padding: 14px 0;
    text-align: center;
    border-right: 2px solid #c6c6c6;
  }

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


  .about::after {
    display: none;
  }

.about_bg video{
  width: 100%;
}


  .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 #c79766;
    border-right: 0px solid #c79766;
  }

  .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 h6 {
    font-size: 18px;
  }

  .banner .banner_wrapper_text h3 {
    font-size: 21px;
  }

  .text_form {
    height: 44px;
  }

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

  }

  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 20px !important;
  }

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

  .banner_bg {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .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: 280px;
  }



  .banner_text {
    position: relative;
    z-index: 99;
    position: relative;
    padding-bottom: 29px;

  }

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

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



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



  .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-color: #0b3a31;
    border-radius: 0;
    padding: 28px 17px;
  }


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

  .form_section {
    background: #0b3a31;
    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;
  }

  .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: 14px;
  }


}

/* Experion 151 Payment Plan Table Styling */
.table {
  width: 100%;
  border: none;
  border-radius: 12px;
  overflow: hidden;
  background: #103a33; /* Matches your deep green theme */
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.table thead th {
  background: linear-gradient(90deg, #c9a24b 0%, #d4b16c 100%); /* Gold gradient header */
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: none !important;
  padding: 14px 16px;
  text-align: left;
}

.table tbody td {
  color: #f0f0f0;
  padding: 14px 16px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.25s ease;
}

.table tbody tr:last-child td {
  border-bottom: none;
}

.table tbody tr:hover td {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffe7a8; /* soft gold hover */
}

/* Rounded corners & shadow */
.table-responsive {
  border-radius: 12px;
  overflow: hidden;
  margin-top: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
  .table {
    font-size: 14px;
  }
  .table thead th, .table tbody td {
    padding: 12px;
  }
}

