body {
  background: #F5F6F8;
  font-family: 'Exo', 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: 46px;
  position: relative;
  font-weight: 500;
  letter-spacing: 2px !important;
  color: #fff;
}



h2 {
  font-size: 25px;
  position: relative;
  display: inline-flex;
  z-index: 2;
}


h3 {
  font-size: 28px;
  letter-spacing: 1;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16x;
  color: rgb(153 104 82);
  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: rgb(153 104 82);
  border: 1px solid #838383;
  /* background: rgb(153 104 82); */
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  outline: rgba(244, 241, 232, 0.29) solid 2px;
  padding: 12px 30px;
  font-size: 19px;
  letter-spacing: 1px;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border-color: rgb(153 104 82);
  /* width: 100%; */
  text-align: center;
}

.btan a:hover {
  background-color: rgb(153 104 82);
  color: #fff;
  transition: 1s;
}



/* =============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: rgb(153 104 82);
}



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

  }

}

.header {
  padding: 6px 0;
  z-index: 9999;
  margin: 0 auto;
  border-left: transparent;
  border-right: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgb(255, 255, 255);
  right: 0px;
}

.header a {
  color: #000000 !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: 5px 0;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  background-color: rgb(255, 255, 255);
  border-bottom: none;
  height: auto;
  right: 0;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

.header.is-sticky .menu {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  border-bottom: 0px solid rgb(153 104 82);
  border-right: 0px solid rgb(153 104 82);
}



.header .contect-us {
  border: 1px solid #838383;
  border: 1px solid #838383;
  background: linear-gradient(-45deg, #261b07e3, rgb(153 104 82), #261b07e3, rgb(153 104 82));
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  border-radius: 10px;
  outline: rgba(244, 241, 232, 0.29) solid 2px;
  padding: 11px 13px;
  border-radius: 10px;
  outline: rgba(244, 241, 232, 0.29) solid 2px;
  padding: 11px 13px;

}





@keyframes trin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  20%,
  32%,
  44%,
  56%,
  68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  23%,
  35%,
  47%,
  59%,
  71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  26%,
  38%,
  50%,
  62%,
  74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  29%,
  41%,
  53%,
  65%,
  77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}


.header .contect-us ul li .fa {
  color: rgb(153 104 82);
  padding: 6px;
  border-radius: 70px;
  background-color: #fff;
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}

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

.header .contect-us ul li a {
  background: transparent;
  padding: 0px;
}

.header .contect-us ul li a:hover {
  background: transparent;
  padding: 0px;
}



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

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



.menu ul li {
  display: inline-block;
  margin: 0 2px;
}


.header .menu ul li a {
  position: relative;
  padding: 8px 14px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.8px;
}


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


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

}


.banner_bg .banner_img .img_banner img {
  height: 100vh;
  object-fit: cover;
}


@keyframes color {
  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.1);

  }

  100% {

    transform: scale(1);

  }
}



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


.Banner-form {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
}




.banner .banner_wrapper_text .bgk ul li i {
  font-size: 58px;
  animation: flip infinite 4s;
  background: rgb(153 104 82);
  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: 2px;
  border-bottom: 2px solid #fff;
  padding-bottom: 6px;
}


.banner .banner_wrapper_text .bgk ul li p {
  font-size: 54px !important;
  font-weight: 623;
  padding-top: 14px;
}

.banner .banner_wrapper_text .banner_highlight h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: fit-content;
  padding: 8px 12px;
  border-radius: 7px;
  box-shadow: 0 2px 5px -2px;
  background: linear-gradient(-45deg, #261b07e3, rgb(153 104 82), #261b07e3, rgb(153 104 82));
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 14px;

}



@keyframes Gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0 50%
  }
}



.banner .banner_wrapper_text h3 {
  font-size: 21px;
  color: rgb(153 104 82);
  background: #ffffff;
}

.banner .banner_wrapper_text .price_bg {
  padding: 11px;
  width: 469px;
  background: rgb(153 104 82);

}

.banner .banner_wrapper_text h5 {
  background: rgb(153 104 82);
  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 h6 {
  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 {
  position: absolute;
  bottom: -12px;
  left: 0;
  background-color: rgb(153 104 82);
  width: 97px;
  height: 3px;
  content: "";
}



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

}

.banner .banner_wrapper_text {
  position: relative;
  top: 0px;
  left: 0px;
  height: 100vh;
  color: #772e2e;
  max-width: 520px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(-45deg, #261b07e3, #2c2025, #261b07e3, #340919);
  padding: 1.5rem 2rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: center;
  background: url(../image/bg.png) center / cover no-repeat;
}

.banner_bg .banner h4 {
  display: none;
}

.banner .banner_text .form_section {
  padding: 28px 42px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.85) 0px 5px 15px;
  margin: 12px 26px;
  width: 364px;
  border: 1px solid #000000;
  background-color: #ffffff;
}


.banner .banner_text .form-control::placeholder {
  color: #514b4b !important;
}


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

.banner_form .form-control {
  background: none;
  border: 1 px solid #fff !important;
}

.banner .banner_text .text_form {
  height: 45px;
  padding: 12px 52px !important;
  background: #fcfbfb;
  border: transparent;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: transparent;
  border-bottom: 1px solid #fff;
  color: #1a1a1a !important;
  border-radius: 0;
}


.banner .banner_text .icon-inside {
  color: rgb(153 104 82);

}

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

  background-color: #fff !important;
}





.icon-inside {
  position: absolute;
  width: 50px;
  height: 44px;
  left: 9px;
  top: 0;
  pointer-events: none;
  font-size: 18px;
  font-size: 1.125rem;
  color: rgb(153 104 82);
  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: #000000;
  border-bottom: 4px solid #000000;
  border-bottom-style: solid;
  border-bottom-style: solid;
  padding: 0px 0 10px 0;
  border-style: double;
}

.banner .banner_text .form_section h3 {
  color: #ffffff;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #fff;
  background: rgb(153 104 82);
}

.form_bottom .form_section {
  padding: 28px 42px;

  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 12px 26px;

  background: #fff;

}


#SubmitQuerytop {
  border: 1px solid #838383;
  background: linear-gradient(-45deg, #261b07e3, rgb(153 104 82), #261b07e3, rgb(153 104 82));
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  color: #ffffff;
  outline: none;
  width: 100%;
  height: 42px;
  border: none;
  font-weight: bold;
  border-radius: 9px;
  transition: 0.3s;
}



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

.img_high img {
  width: 109px;
}




/* slider */


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

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

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

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

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




.luxury-section {
  background: url(../image/bg.png) center / cover no-repeat;
  color: rgb(153 104 82);
  padding: 80px 0;
}

.luxury-section h2 {
  font-size: 28px;
  letter-spacing: 1px;
}

.luxury-section p {
  max-width: 850px;
  margin: 15px auto 50px;
  color: #000000;
}

.info-card {
  background: rgb(153 104 82);
  border-radius: 14px;
  padding: 28px;
  height: 100%;
  transition: all 0.4s ease;
}

.info-card h4 {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
}

.info-card p {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
}


.know-more-btn {
  margin-top: 40px;
  border: 1px solid #000000;
  padding: 12px 36px;
  border-radius: 50px;
  color: rgb(153 104 82);
  background: transparent;
  transition: all 0.3s ease;
}



.footer-note {
  font-size: 11px;
  color: #a5b3ae;
  margin-top: 20px;
}



/* 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: 461px !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 {
  border: 1px solid #838383;
  background: linear-gradient(-45deg, #261b07e3, rgb(153 104 82), #261b07e3, rgb(153 104 82));
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
}

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

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



.madal-reload .motal_form_text span i {
  color: rgb(153 104 82);
}

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

.btan_g {
  background: rgb(153 104 82);
  border: 2px solid rgb(153 104 82);
  padding: 0px 6px;
  color: #fff;
  font-size: 27px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 99;
  float: right;
  border-radius: 0;
}



.call_now {
  border: 1px solid #838383;
  background: linear-gradient(-45deg, #261b07e3, rgb(153 104 82), #261b07e3, rgb(153 104 82));
  background-size: auto;
  background-size: auto;
  background-size: 400% 400%;
  animation: Gradient 3s ease infinite;
  width: 100%;
  color: #fff;
  font-size: 19px;
}

.btn:hover {
  background-color: rgb(153 104 82);
}

.call_now .fa {

  color: #fff;
  font-size: 19px;
}

/*  */



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



/* ==========================footer form style start===================================== */

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

.gallery-section {
  padding: 50px 0;
  background-color: #fff;
}

.gallery-section h2 {
  font-size: 28px;
  color: rgb(153 104 82);
}

.gallery-section p {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 1px;
  margin: 0 auto;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.gallery-title {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
}

/* TABS */
.gallery-tabs {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-bottom: 40px;
}

.tab-btn {
  background: rgb(153 104 82);
  padding: 6px 22px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  padding-bottom: 6px;
  position: relative;
  color: #ffffff !important;
  z-index: 1;
}

.tab-btn.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #b98536;
  color: #ffffff !important;
  z-index: -1;
}

/* GALLERY GRID */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  display: none;
}

.gallery-grid.active {
  display: grid;
}

.gallery-grid img {
  width: 100%;
  height: 230px;
  border: 1px solid rgb(153 104 82);
  object-fit: cover;
  border-radius: 12px;
  transition: 0.4s;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.gallery-grid img:hover {
  transform: scale(1.04);
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .gallery-title {
    font-size: 26px;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }
}



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

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







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

.footer_bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(254, 254, 254, 0.49);
  position: absolute;
  top: 0;
  right: 0;
}




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

.footer_bg h3 {
  position: relative;
  color: #000;
}



.footer_contant p {
  line-height: 26px;
  letter-spacing: 1.1px;
  color: #1a1a1a;
  font-size: 14px !important;
}

.footer_contant .contact_us ul li i {
  font-size: 14px;
  color: #fff;
  background-color: rgb(153 104 82);
  border-radius: 50pc;
  padding: 15px;
}

.footer_contant .contact_us ul li p {
  color: rgb(153 104 82);
  font-weight: bold;
}

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


.contect-form {
  background-color: #ffffff;
  margin: 0 50px;
  padding: 25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-top: 18px solid rgb(153 104 82);
}

.contect-form h3 {
  position: relative;
  background-color: rgb(153 104 82);
  font-size: 18px !important;
  padding: 5px;
  text-align: center;
  color: #fff;
}


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

}



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

.footer_b ul li {
  display: inline-block;
  border: 1px solid #000;
  padding: 4px;
  margin: 4px;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 23px;

}

.footer-bootom {
  border-top: 1px solid #1b1b1b;

  padding: 10px 0;
  color: #000000;
}

.footer-bootom ul p {
  font-size: 14px;
  color: rgb(153 104 82);
}


.modal {
  padding: 20px;
}

.madal-reload h5 {
  font-size: 20px;
}




/* ====================================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, #2F7474d9, #2F747485);
  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 (min-width: 991px) and (max-width: 1600px) {

  h1 {
    font-size: 27px;
  }

  h3 {
    font-size: 22px;
  }

  .header .menu ul li a {
    padding: 0 11px;
    font-size: 14px;

  }


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

  .header .contect-us {
    padding: 7px 8px;
  }

  .header .contect-us ul li a {
    font-size: 13px;
  }

  .banner .banner_wrapper_text .bgk ul li p {
    font-size: 31px !important;
    font-weight: 623;
    padding-top: 12px;
    margin-top: 5px !important;

  }

  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 15px;
    letter-spacing: 1px;
  }

  .banner .banner_wrapper_text .banner_highlight h3 {
    font-size: 16px;
    letter-spacing: 0.3px;
  }


  .banner .banner_text .form_section {
    padding: 18px 18px;
  }


  .banner .banner_text .text_form {
    height: 34px;
    padding: 2px 32px !important;
    font-size: 13px;
    color: #282828 !important;
    border-radius: 0;
  }

  .banner .banner_text .form_section h3 {
    font-size: 14px;
    padding: 7px;
  }

  #SubmitQuerytop {
    font-size: 12px;
    height: 31px;
  }

  .call_now {
    font-size: 14px;
  }

  .call_now .fa {
    color: #fff;
    font-size: 14px;
  }

  .banner .icon-inside {
    position: absolute;
    width: 33px;
    height: 32px;
    left: 1px;
    top: 0;
    pointer-events: none;
    font-size: 18px;
    font-size: 14px;
    color: #009cd5;
    z-index: 3;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .bgk {
    margin-top: 30px !important;
  }

  .form_section p {
    font-size: 13px;
  }

  .highlight_tag img {
    width: 150px;
  }

  .madal-reload .modal-dialog {
    width: 416px !important;
  }

  .btan_g {
    padding: 3px 9px;
    font-size: 15px;
  }

  .madal-reload h5 {
    font-size: 21px;
  }

  .project_box .projects_text h6 {
    font-size: 14px;
  }

  .project_box .projects_text h5 {
    font-size: 20px !important;
  }


  .banner-highlight p {
    padding: 5px 7px;
    margin-bottom: 12px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px !important;
  }

  .banner-highlight p i {
    background: #ffffff;
    color: rgb(153 104 82);
    padding: 3px !important;
    border-radius: 4px !important;
  }


  .form_section p {
    font-size: 13px;
  }

  .highlight_tag img {
    width: 150px;
  }

  .madal-reload .modal-dialog {
    width: 416px !important;
  }

  .btan_g {
    padding: 3px 9px;
    font-size: 15px;
  }

  .madal-reload h5 {
    font-size: 21px;
  }

  .project_box .projects_text h6 {
    font-size: 14px;
  }

  .project_box .projects_text h5 {
    font-size: 20px !important;
  }


  /*  */


  .banner-name {
    font-size: 1.5rem !important;
  }

  .banner-type {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
  }

  .banner-highlight p {
    font-size: 14px !important;
  }

  .property-img img {
    width: 100%;
    height: 170px !important;
    object-fit: cover;
  }

  .btn-interested {
    background: #576A8F;
    color: #fff;
    border-radius: 10px;
    padding: 6px !important;
    font-weight: 500 !important;
  }

  .amenities-text h2 {
    font-size: 1.6rem !important;
  }

  .amenity-img img {
    height: 190px !important;
    object-fit: cover;
  }

  .amenities-text p {
    font-size: .8em !important;
  }






}



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

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

  h3 {
    font-size: 24px;
  }

  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: #ffffff;
    width: 70%;
    height: 100vh;
    transition: 0.3s;
    z-index: 999;
    padding-top: 52px;
  }

  .header .menu a {
    color: rgb(0, 0, 0) !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: #000000;
    width: 16px;
    height: 2px;
    transition: all 0.3s;
    z-index: 999;
    justify-content: space-around;
    display: flex;
    align-items: center;
    top: -30px;
    cursor: pointer;
  }




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

  .mobilemenu::before {
    position: absolute;
    content: "";
    background-color: #000000;
    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: #000000;
  }

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



  .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;
    padding: 10px 8px 6px !important;
  }

  .banner_bg .banner_img .img_banner 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, #2F7474d9, #2F747485);
    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;
  }

  .form_section {
    margin: 0;
  }

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



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

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


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

  .sticky_icon ul li {
    background-color: rgb(153 104 82);
    padding: 14px 0;
    text-align: center;
    border-right: 2px solid #c6c6c6;
  }

  .footer-bootom {

    padding: 23px 0 70px 0;
  }

  .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 rgb(153 104 82);
    border-right: 0px solid rgb(153 104 82);
  }



  .banner .banner_wrapper_text {
    margin: 0 0 0 0;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    outline: none;
    height: auto !important;
  }

  .location_img::after {
    display: none;
  }




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

  .Banner-form {
    width: 100%;
    position: relative;
  }


  .virtual_side_bg::after {
    width: 100%;
  }

  .footer_bg {
    padding: 70px 0 60px;
  }


}

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

  p {
    font-size: 16px;
  }

  h1 {
    color: rgb(153 104 82);
  }

  .banner .banner_wrapper_text i {
    color: rgb(153 104 82);
    background: #ffffff;
  }

  .banner-highlight p {
    background: rgb(153 104 82) !important;
    color: #ffffff !important;
  }

  .banner .banner_wrapper_text h6 {
    color: #000 !important;
  }

  .banner .banner_wrapper_text .banner_highlight h3 {
    color: #ffffff;
  }


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

  .banner_bg .banner_img .img_banner img {
    height: 160px;
  }

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

  }

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

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

  }

  .platter-wrap{
    padding: 0px !important;
  }

  .sticky-top {
   position: relative  !important;
  }

  .banner .banner_wrapper_text .bgk ul li h3 {
    font-size: 18px;
    color: #000;
    border-bottom: 2px solid #000000;
  }


  .banner .banner_wrapper_text .bgk ul li p {
    font-size: 40px !important;
    font-weight: 623;
    color: #000;
  }


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




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


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


  .virtual_side .virtual_text .fa-circle-play {
    font-size: 59px;
  }

  .virtual_side .virtual_text h3 {
    font-size: 26px;
    letter-spacing: 2px;

  }


  .virtual_side_bg {
    padding: 80px 0;
  }

  .form_bottom .form_section {
    margin: 0px 0px;
    padding: 28px 16px;
  }

  .form_section p {
    border-bottom: 4px double rgb(153 104 82);
    font-size: 14px;
  }

  .form_title {
    color: #fff;
    background: rgb(153 104 82);
    padding: 4px 0;
    border-radius: 5px;
    font-size: 20px;
  }

  .text_form {
    height: 45px;
    background-color: #fff !important;
  }


  .Banner-form-mb .text_form {
    padding: 12px 40px !important;
  }

  .Banner-form-mb .icon-inside {
    left: -4px;
  }

  .banner-name {
    font-size: 21px !important;
  }

  .banner-type {
    font-size: 16px !important;
  }

  .banner .banner_wrapper_text h3 {
    font-size: 17px !important;
  }

  #platter-card {
    padding: 2rem 1rem !important;
  }

  .banner-highlight p {
    font-size: 15px;
  }

  .card-head img {
    width: 100%;
    height: 190px;
    object-fit: cover;
  }


  .card-type {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
  }

  .price {
    font-size: 1.2rem;
  }

  .card-body p {
    font-size: 14px !important;
  }

  .platter-hed h2 {
    font-size: 21px !important;
  }

  .platter-hed h6 {
    font-size: 14px !important;
  }

  .card-body {
    padding: 0 17px 5px 16px;
  }

  #schedule-visit h2 {
    font-size: 18px !important;
  }

  #schedule-visit {
    min-height: 35vh;
  }

  #schedule-visit p {
    font-size: 0.9rem;
    letter-spacing: 1px;
    line-height: 1.4;
  }

  .amenities-text h2 {
    font-size: 18px !important;
  }

  .footer_bg h3 {
    font-size: 18px !important;
  }

  .card-body h3 {
    font-size: 17px;
  }

  .form_title {
    font-size: 16px;
  }

  .modal-header h5 {
    font-size: 16px !important;
  }

  /*  */
  .modal.show .modal-dialog img {
    width: 100%;
    height: 170px !important;
    object-fit: cover;
  }

  .banner-name {
    font-size: 1.8rem !important;
  }

  .banner-type {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
  }

  .banner-highlight p {
    font-size: 14px !important;
  }

  .property-img img {
    width: 100%;
    height: 170px !important;
    object-fit: cover;
  }

  .btn-interested {
    background: #576A8F;
    color: #fff;
    border-radius: 10px;
    padding: 6px !important;
    font-weight: 500 !important;
  }

  .amenities-text h2 {
    font-size: 1.6rem !important;
  }

  .amenity-img img {
    height: 190px !important;
    object-fit: cover;
  }

  .amenities-text p {
    font-size: .8em !important;
  }

  .primary-bg span {
    background: #576A8F;
    padding: 8px;
    color: #ffffff;
  }




  .highlight_tag {
    position: absolute;
    top: 17%;
    left: 58%;
    right: 50%;
    bottom: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }



  .highlight_tag img {
    width: 110px;
  }


}



/* ===== Section Background ===== */
.amenities_section {
  padding: 100px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
}

/* ===== Section Title ===== */
.amenities_title {
  font-size: 38px;
  font-weight: 800;
  color: rgb(153 104 82);
  letter-spacing: 1px;
  text-transform: uppercase;
}

.amenities_subtitle {
  color: #555;
  font-size: 17px;
  max-width: 600px;
  margin: 10px auto 0;
}

/* ===== Amenity Card ===== */
.amenity_card {
  background: #fff;
  text-align: center;
  transition: all 0.5s ease;
  box-shadow: 0 5px 15px rgb(0 0 0 / 40%);
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  padding: 10px;
  border-radius: 10px;
}

.amenity_card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgb(153 104 82), rgb(153 104 82));
  opacity: 0;
  transition: 0.5s ease;
  z-index: 0;
}

/* .amenity_card:hover::before {
  opacity: 1;
} */

/* .amenity_card:hover {
  transform: translateY(-10px);
  border-color: rgb(153 104 82);
  color: #fff;
} */

.amenity_card h4,
.amenity_card p {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease;
}

.amenity_card h4 {
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0 10px;
  color: rgb(153 104 82);
}

/* .amenity_card:hover h4 {
  color: #ffffff;
} */

.amenity_card p {
  font-size: 15px;
  color: #666;
  line-height: 1.6;
}

/* .amenity_card:hover p {
  color: #ffffff;
} */

/* ===== Icon Wrapper ===== */
.icon_wrap {
  width: 100%;
  background: linear-gradient(135deg, rgb(153 104 82), rgb(153 104 82));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
}

.icon_wrap img {
  width: 100%;
  transition: transform 0.4s ease;
  border-radius: 10px;
}

.projects_text {
  padding: 20px 4px;
  text-align: center;
}

/* .amenity_card:hover .icon_wrap {
  background: #fff;
} */

/* .amenity_card:hover .icon_wrap img {
  transform: scale(1.1);

} */

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .amenities_title {
    font-size: 32px;
  }

  .amenity_card {
    padding: 10px 10px;
  }
}

@media (max-width: 767px) {
  .amenities_title {
    font-size: 28px;
  }

  .amenity_card {
    margin-bottom: 10px 10px;
  }
}


/* end */