body{ font-family: "Montserrat", sans-serif; margin: 0; padding: 0;}
.text-main{font-family: "Cinzel", serif;}
.nav-bg{ /*   background: url(../images/nav-bg.png);*/ background: #fff;    width: 100%;        height: 90px;  margin: 0 auto;    background-position: top center;    background-repeat: no-repeat;}
header{    position: fixed;    width: 100%;    height: 100px;   z-index: 9;}
.highlights{     width: 84%;    float: left;    margin: 0 8% 5rem;}
.highlights h1{font-size: 60px; color:#be944c; text-align: left;font-family: "Cinzel", serif;font-weight: normal;   padding: 170px 0 0;}
.highlights p{ font-size: 25px; color:#4b4b4b; font-weight: 700;}
.highlights ul{ width: 100%;    float: left;    padding: 0px 20px 0;    font-size: 21px;    line-height: 42px;}
.highlights ul li{ width: 100%; float: left; color:#232323;  list-style-type: disc;}
.highlights ul li::marker {  color: #be944c;}
.high-lights-50{width: 50%; float: left;}
.high-lights-501{width: 50%; float: left;}
.high-lights-501 img{width: 100%;}
.dec{display: block !important;}
.mob{display: none !important; }
.navbar-expand-lg .navbar-collapse {    display: block;    float: left;    width: 100%;}
header .navbar .container{ max-width: 1600px; margin: 0 auto;}
.amenities-section {    background: linear-gradient(180deg, #6f86a8, #c8a15c);    padding: 80px 0;    color: #fff;    width: 100%;    float: left;    height: 570px;}
/* HEADER */
.amenities-header {  width: 90%;  margin: auto;}
.gallery-section .section-tag {  font-size: 25px;  letter-spacing: 0px;   color: #000;}
.amenities-header h2 {  font-size: 60px;  margin: 10px 0 30px;font-weight: normal;  font-family: "Cinzel", serif;}
/* TABS */
.amenities-tabs {  display: flex;  gap: 40px;  border-bottom: 1px solid rgba(255,255,255,0.4);}
.amenities-tabs .tab { background: none; border: none; color: rgba(255, 255, 255, 0.6); font-size: 16px; padding-bottom: 15px; outline: none; cursor: pointer;position: relative; font-weight: bold;}
.amenities-tabs .tab.active {  color: #fff;}
.amenities-tabs .tab.active::after {  content: '';  position: absolute;  left: 0;  bottom: -1px;  width: 100%;  height: 2px;  background: #fff;}
/* SLIDER */
.amenities-slider-wrapper {    width: 90%;    margin: 60px auto 0;    position: relative;}
.amenities-carousel img {  width: 100%;  /*height: 380px; */ object-fit: cover;  cursor: pointer;}
.caption {  background: #c8a15c;  color: #fff;  text-align: center;  padding: 15px;font-family: "Montserrat", sans-serif; font-weight: 600;  font-size: 16px;}
/* NAV */
.slider-nav {  text-align: center;  margin-top: 30px;}
.slider-nav span {  display: inline-block;  width: 50px;  height: 50px;  border: 1px solid #c8a15c;  border-radius: 50%;  color: #c8a15c;  line-height: 50px;  margin: 0 10px;  cursor: pointer;}
/* LIGHTBOX */
.lightbox {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.85);  display: none;  align-items: center;  justify-content: center;  z-index: 9999;}
.lightbox img {  max-width: 90%;  max-height: 90%;}
.lightbox-close {  position: absolute; top: 30px;  right: 40px;  font-size: 36px;  color: #fff;  cursor: pointer;}
.location-section {  width: 100%;  float: left;margin: 450px 0 0; background:url(../images/bg-1.jpg); background-size: cover;}
/* MAIN WRAPPER */
.location-wrapper {  width: 100%;  float: left;}
/* LEFT MAP */
.location-map {  width: 40%;  float: left;  position: relative;}
.location-map img {  width: 100%;  display: block;}
.map-btn {position: absolute; bottom: 20px; left:80%; transform: translateX(-50%); padding: 10px 24px; border: 1px solid #c89b55;  background:#fff; color:#c89b55; text-decoration: none;font-size: 13px;}
/* RIGHT CONTENT */
.location-right {  width: 60%;  float: right;  padding: 70px 100px 0;  box-sizing: border-box;}
/* KEEP YOUR EXISTING STYLES BELOW */
.small-title {    font-size: 25px;    color: #000;    font-weight: 700;}
.location-right h2 {font-size: 60px;    color: #c89b55;    font-family: "Cinzel", serif;    margin:10px 0 20px;}
/* SWITCHER */
.content-switcher {  position: relative;  /* max-width: 720px;  min-height: 560px; */  width: 80%;     height: 530px;}
.content-switcher p{position: absolute; bottom: 0; margin: 0;}
/* GROUP */
.content-group {  position: absolute;  inset: 0;  opacity: 0;  transform: translateY(40px);  transition: 0.6s ease;  pointer-events: none;}
.content-group.active {  opacity: 1;  transform: translateY(0);  pointer-events: auto;}
 /* BLOCK */
.block {  margin-bottom: 15px;}
.block h4 { margin-bottom: 12px;}
.block ul {  list-style: none;  padding: 0;}
.block li {  display: flex;  justify-content: space-between;padding: 2px 0; /* border-bottom: 1px solid #ddd;*/}
/* NAV */
.vertical-nav { position: absolute;
    right: 0;
    top: 85%;
    transform: translateY(-0%);
    display: block;}
.vertical-nav button {  width: 42px;  height: 42px;  border-radius: 50%;  border: 1px solid #c89b55;  background: transparent;  color: #c89b55;  cursor: pointer;  font-size: 18px;}
/* =========================
   GALLERY SECTION
========================= */
.gallery-section {  padding: 80px 0 530px;  background: #ededed;       height: 800px;   width: 100%;    float: left;    position: relative;}
.container {  width: 90%;  max-width: 1200px;margin: auto;}
.gallery-section
 .container {    width: 100%;    max-width: 84%;   margin: auto;}
.light-grey{ padding: 100px 0 100px;  background: #c8a15c;  width: 100%;  float: left;  position: relative;}
.light-grey h2 {  color: #ffffff;    text-align: center;    font-size: 60px;    font-family: "Cinzel", serif;    margin-top: 0;}
.testimonial-content ul{ width: 100%; float: left; margin: 0;}
.testimonial-content ul li{    width: 33%;float: left; margin: 0;}
.testimonial-content ul li img{    width: 25%;  margin: 0 auto;  display: block;}
.testimonial-content ul li p{text-align: center; color: #fff; margin: 0; font-size: 20px;     line-height: normal;}
.section-tag {font-size: 25px;  color: #fff;    font-weight: 700;}
.gallery-section h2 {  font-size: 60px;font-family: "Cinzel", serif;  margin-top: 10px;}
/* =========================
   OVERLAPPING BOXES
========================= */
.gallery-box-wrapper {  width: 80%;  margin: auto;  display: flex;  justify-content: space-between;  position: absolute;  left: 50%;  transform: translateX(-50%);  top: 235px;}
.gallery-box {  width: 32%;  height: auto;  position: relative;  border-radius: 6px;  overflow: hidden;}
.gallery-box img {  width: 100%;  height: 100%;  object-fit: cover;}
/* ===== GALLERY LIGHTBOX ===== */
.gallery-lightbox {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.9);  display: none;  align-items: center;  justify-content: center;  z-index: 99999;}
.gallery-lightbox.active {  display: flex;}
.gallery-lightbox img {  max-width: 90%;  max-height: 90%;}
.gl-prev,
.gl-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 40px;  color: #fff;  cursor: pointer;}
.gl-prev { left: 30px; }
.gl-next { right: 30px; }
.box-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);background:#fff;padding: 12px 30px; font-size: 14px; text-decoration: none;  color: #b48a4b; border-radius: 4px; letter-spacing: 0.5px;}
a:hover{color: #000 !important; text-decoration: none !important;}
/* FIX BUTTON VISIBILITY */
.gallery-box {  position: relative;}
.box-btn {  z-index: 2;}
/* LIGHTBOX OVERLAY */
.lightbox-overlay {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.85);  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  visibility: hidden;  transition: 0.3s ease;  z-index: 9999;}
.lightbox-overlay.show {  opacity: 1;  visibility: visible;}
.lightbox-overlay img {  max-width: 90%;  max-height: 90%;}
/* LIGHTBOX CONTROLS */
.lb-prev,
.lb-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 40px;  color: #fff;  cursor: pointer;  user-select: none;  z-index: 10000;}
.lb-prev {  left: 40px;}
.lb-next {  right: 40px;}
/* =========================
   CONTACT SECTION
========================= */
.contact-section {    padding:150px 0 150px;    background: #fff;    text-align: center;    float: left;    width: 100%;}
.contact-section h3 {  font-size: 60px;  color: #b48a4b;font-family: "Cinzel", serif;  margin-bottom: 40px;}
/* FORM */
.contact-form{  width: 90%;  margin: auto;  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 15px;}
.contact-form input {  padding: 12px;    border: 1px solid #d2b27d;    outline: none;    border-radius: 5px;}
.contact-form button {  grid-column: span 5;  margin: 30px auto 0;  padding: 12px 65px;  background: #c49b54;  border: none;  color: #fff;  cursor: pointer;  border-radius: 4px;  font-size: 18px;  font-weight: 600;}
.lightbox-overlay {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.8);  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  pointer-events: none;  transition: 0.3s;}
.lightbox-overlay.show {  opacity: 1;  pointer-events: all;}
.lightbox-overlay img {  max-width: 90%;  max-height: 90%;}
.footer { font-family: 'Georgia', serif;}
/* =======================
   TOP FOOTER
======================= */
.footer-top {  background: #7a7a7a;  color: #fff;  padding: 80px 0 20px;      width: 100%;    float: left;}
.footer-container {  width: 84%;  margin: auto;  display: flex;  justify-content: space-between;}
/* LEFT */
.footer-left h2 {  font-size: 42px;  letter-spacing: 1px;font-family: "Cinzel", serif;  margin-bottom: 40px;}
.address-block .label {  font-weight: bold;  margin-bottom: 6px;  color: #ffffff;}
.address-block p {  font-size: 15px;font-family: "Montserrat", sans-serif;  line-height: 1.7;  color: #ffffff;}
/* CENTER */
.footer-center {   max-width: 300px; margin-top: 140px;}
/* RIGHT */
.footer-right {  text-align: right;}
.project-by p {  font-size: 14px;  margin-bottom: 10px;}
.project-by img {  max-width: 120px;}
.contact-info {  margin-top: 30px;}
.contact-item {  display: flex;  align-items: center;  justify-content: flex-end;  gap: 12px;  margin-bottom: 12px; font-size: 15px;}
.icon {  background: #fff;  color: #7a7a7a;  width: 36px;  height: 36px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;}
.contact-item span a{color:#fff}
/* =======================
   NAV
======================= */
.footer-nav {  text-align: center;  margin-top: 60px;}
.footer-nav a {  color: #fff;  text-decoration: none; font-size: 14px;  margin: 0 6px;font-family: "Montserrat", sans-serif;}
.footer-nav span {  color: #fff;}
.footer-nav ul {    width: fit-content;    /* float: left; */    margin: 0 auto;}
.footer-nav ul li{ float: left;}
/* =======================
   BOTTOM BAR
======================= */
.footer-bottom {  background: #c49b54;  color: #fff;  padding: 20px 5%;font-family: "Montserrat", sans-serif;  display: flow-root;  justify-content: space-between;  align-items: center;  font-size: 13px;}
.footer-bottom a {  color: #fff;  text-decoration: none;  margin: 0 5px;}
footer p{color:#fff}
/* LIGHTBOX OVERLAY */
.lightbox {  position: fixed;  inset: 0;  background: rgba(0,0,0,0.85);  z-index: 9999;  display: flex;  align-items: center;  justify-content: center;  opacity: 0;  visibility: hidden;  transition: opacity 0.3s ease;}
.lightbox.active {  opacity: 1;  visibility: visible;}
/* IMAGE CENTERED */
.lightbox img {  max-width: 85%;  max-height: 85%;  object-fit: contain;}
/* CLOSE */
.lightbox-close {  position: absolute;  top: 25px;  right: 35px;  font-size: 40px;  color: #fff;  cursor: pointer;}
/* NAV BUTTONS */
.lightbox-prev,
.lightbox-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 50px;  color: #fff;  cursor: pointer;  padding: 10px;  user-select: none;}
.lightbox-prev { left: 30px; }
.lightbox-next { right: 30px; }
.lightbox-prev:hover,
.lightbox-next:hover,
.lightbox-close:hover {  opacity: 0.7;}
/* NAV BUTTONS */
.lightbox-prev,
.lightbox-next {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 50px;  color: #fff;  cursor: pointer;  padding: 10px;  user-select: none;}
.lightbox-prev { left: 30px; }
.lightbox-next { right: 30px; }
.lightbox-prev:hover,
.lightbox-next:hover,
.lightbox-close:hover {  opacity: 0.7;}
.text-center { text-align: center !important;    color: #fff;    font-size: 18px;}

@media only screen and (min-width: 1601px) and (max-width: 1700px) {
.nav-bg{background-size: contain; height: 85px;}

 .highlights h1 {  font-size: 50px;  }
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 50px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 50px;  }
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 600px;}
.location-map img {  width: 100%;  display: block; height:600px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 30px; font-size: 12px;  width: fit-content;}
.gallery-section {  padding: 80px 0 150px;    height: 700px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 170px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 620px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width:100px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .navbar-brand {    width: 90px !important;  }
  header .navbar .container {  max-width: 1300px;}
  .content-switcher { height: 400px;}
  .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1501px) and (max-width: 1600px) {
.nav-bg{background-size: contain; height: 80px;}
 .highlights h1 {  font-size: 40px; padding: 150px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 40px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 40px;  }
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 600px;}
.location-map img {  width: 100%;  display: block; height:600px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 30px; font-size: 12px;  width: fit-content;}
.gallery-section {  padding: 80px 0 130px;    height: 680px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 120px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 620px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width:100px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .navbar-brand {    width: 90px !important;  }
    header .navbar .container {  max-width: 1300px;}
    .content-switcher {  height: 423px;}
    .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1401px) and (max-width: 1500px) {
.nav-bg{background-size: contain; height:77px;}
 .highlights h1 {  font-size: 38px; padding: 110px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 38px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 38px;  }
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 600px;}
.location-map img {  width: 100%;  display: block; height:600px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 30px; font-size: 12px;  width: fit-content;}
.gallery-section {  padding: 80px 0 130px;    height: 640px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 110px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 560px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width:100px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .navbar-brand {    width: 80px !important;  }
       header .navbar .container {  max-width: 1200px;}
       .content-switcher {  height: 423px;}
       .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) {
.nav-bg{background-size: contain; height: 75px;}
 .highlights h1 {  font-size: 35px;  padding: 130px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 35px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 35px;  }
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 600px;}
.location-map img {  width: 100%;  display: block; height:600px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 10px; font-size: 12px;  width: fit-content;}
.gallery-section { padding: 80px 0 100px;height: 610px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 140px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 510px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width:100px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .navbar-brand {    width: 80px !important;  }
     header .navbar .container {  max-width: 1200px;}
     .testimonial-content ul li img {  width: 30%;}
     .content-switcher {  height: 423px;}
      .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.nav-bg{background-size: contain; height: 70px;}
 .highlights h1 {  font-size: 30px; padding: 110px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 30px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
    .gallery-section h2, .contact-section h3{  font-size: 30px;  }
.location-right {  width: 60%;  padding: 30px 40px;}
  .location-right h2{margin: 10px 0 20px;font-size: 30px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 540px;}
.location-map img {  width: 100%;  display: block; height: 540px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 10px; font-size: 12px;  width: fit-content;}
.gallery-section {  padding: 80px 0 90px;  height: 570px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 140px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 510px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width:100px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .navbar-brand {    width: 70px !important;  }
   header .navbar .container {  max-width: 1180px;}
   .content-switcher {  height: 400px;}
    .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1101px) and (max-width: 1200px) {
.nav-bg{background-size: contain; height: 55px;}
 .highlights h1 {  font-size: 30px;padding: 110px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 30px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 30px;  }
    .location-right h2 {  font-size: 30px;  margin: 10px 0 20px;}
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 540px;}
.location-map img {  width: 100%;  display: block; height: 540px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 10px; font-size: 12px;  width: fit-content;}
.gallery-section {   padding: 80px 0 100px; height: 540px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 170px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 450px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width: 80px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
    header .navbar .container {  max-width: 1035px;}
       .content-switcher {  height: 390px;}
        .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 1001px) and (max-width: 1100px) {
.nav-bg{background-size: contain; height: 55px;}
 .highlights h1 {  font-size: 30px; padding: 50px 0 0;}
    .highlights p {  font-size: 16px;}
  .highlights ul {  font-size: 15px;  line-height: 30px;}
  .amenities-header h2, .light-grey h2{  font-size: 30px;  }
  .section-tag{  font-size: 16px;}
  .amenities-tabs .tab{   font-size: 15px;}  
  .small-title {font-size: 16px;}
  .location-right h2,   .gallery-section h2, .contact-section h3{  font-size: 30px;  }
     .location-right h2 {  font-size: 30px;  margin: 10px 0 15px;}
.location-right {  width: 60%;  padding: 30px 40px;}
.block h4{ font-size: 18px;margin-bottom: 5px;}
.block li{padding: 0;}
.block {  margin-bottom: 15px;}
  .location-wrapper {  width: 100%;  float: left;  height: 540px;}
.location-map img {  width: 100%;  display: block; height: 540px;}
  .map-btn {  position: absolute;  bottom: 20px;  left: 75%;  font-size: 13px;  width: 160px;}
  .gallery-section .section-tag {  font-size: 16px;}
.box-btn {  padding: 12px 5px; font-size: 12px;  width: fit-content;}
.gallery-section {  padding: 80px 0 180px; height: 510px;}
.contact-section {  padding: 220px 0 80px;}
.gallery-box-wrapper{top: 175px;}
.contact-section {  padding: 170px 0 80px;}
  .footer-left h2 {  font-size: 30px;}
  .amenities-section {   padding: 80px 0;   height: 450px;}
.location-section {    margin: 250px 0 0;}
  header .calltop{width: 80px;padding: 0px 10px;}
  header .calltop img{width: 100%;}
  header .navbar .container {  max-width: 980px;}
       .content-switcher {  height: 390px;}
       .footer-center { 
  margin-top: 112px;
} 
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
.dec{display: none !important;}
.mob{display: block !important;}
header .navbar .container {    max-width: 90%;    margin: 0 auto;    padding: 0;}
    .navbar-expand-lg .navbar-collapse {        background: #000;}
    .nav-bg{height: 50px;}
    .high-lights-501 {    width: 100%;}
    .high-lights-50 {    width: 100%;}
    .highlights h1 {    font-size: 20px;     padding: 0;}
    .highlights p {    font-size: 18px;}
    .highlights ul {     font-size: 14px;    line-height: 30px;}
    .section-tag {    font-size: 18px;}
    .amenities-header h2{    font-size: 20px;     padding: 0;}
    .amenities-tabs .tab{    font-size: 12px;}
    .location-map{width: 100%;}
    .map-btn{      transform: translateX(-70%);  width: 160px;}
    .highlights{margin: 0 8% 8%;}
    .location-right {  width: 100%;  float: right;  padding: 8% 8%;}
    .location-right h2 {    font-size: 20px;margin: 10px 0 20px;}
    .light-grey h2{    font-size: 20px;}
    .testimonial-content ul li p {  font-size: 15px;}
    .footer-nav { 
  margin-top: 10px;
}
.footer-nav a {  
  font-size: 12px;
  margin: 0 0px;}
    .content-switcher {    position: relative;  height: 500px;  width: 100%;     }
    .content-switcher p{margin: 0;}
    .small-title { font-size: 18px;}
    .gallery-section .section-tag { font-size: 18px;}
    .gallery-section h2 {  font-size: 20px;}
    .gallery-box {    width: 100%;    height: auto;    position: relative;    border-radius: 6px;    overflow: hidden;    margin: 0 0 30px 0;}
.gallery-box-wrapper { width: 80%;/*margin:auto;*/ display: block;justify-content: space-between;position: relative;left: 0; transform: translateX(0); /* top: 235px; */    margin: 5% auto 5%; top: 0;}
.location-section {  margin: 300px 0 0;}
.block h4{font-size: 16px;}
.contact-section {  /*padding: 770px 0 80px;*/ padding: 50px 0 50px;}
.footer-top {   padding: 50px 0 20px;}
.text-center{font-size: 14px;}
.testimonial-content ul li {    width: 100%; margin: 0 auto 20px;}
.testimonial-content ul li img {  width: 15%;    margin: 0 auto 0; }  
  .contact-section h3 {  font-size: 20px;}
  .contact-form {  width: 90%;   display: block;}
.footer-left h2 {margin-bottom: 10px;  font-size: 20px;}
  .footer-left{width: 100%;}
  .footer-container{display: block;}
  .project-by img {  max-width: 120px; /* margin: 0 auto; */ display: block;}
  .contact-item {  display: flex;  align-items: center;  justify-content: left;}
  .footer-bottom p{width: 100%;}
.footer-bottom {display: block;      padding: 20px 5% 40px;    float: left;}
.footer-center {  max-width: 300px;  margin-top: 10px;}
.gallery-section {  padding: 40px 0 20px; height: auto;}
    .vertical-nav {  position: absolute;  right: 0 !important; top: 80%;    flex-direction: column;  gap: 20px;}
    .amenities-section{    height: 420px;    padding: 20px 0 0;}
    .amenities-slider-wrapper {   margin: 30px auto 0;}
  .box-btn {   padding: 12px 10px;font-size: 12px;}
  .light-grey {  padding: 40px 0 20px;}
  .contact-form button {margin: 15px auto 0;  padding: 12px 65px;   font-size: 14px;}
  .address-block p {  font-size: 12px;}

    .counter_wrapper .count_box {
    padding: 0 20px 20px !important;}
   
  
}

.icon1 {
  color: black !important;
}

/* OVERLAY */
.popup-overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: 0.4s ease;  z-index: 9999;}
/* SHOW POPUP */
.popup-overlay.active {  opacity: 1;  visibility: visible;}
/* POPUP BOX */
.popup-box {  background: #fff;  padding: 30px;  width: 90%;  max-width: 400px;  border-radius: 10px;  position: relative;  transform: scale(0.8);  transition: 0.4s ease;}
.popup-overlay.active .popup-box {  transform: scale(1);}
/* CLOSE BUTTON */
.close-btn {  position: absolute;  top: 12px;  right: 15px;  font-size: 24px;  cursor: pointer;}
/* CONTENT */
.popup-box h2 {  margin-bottom: 10px;}
.popup-box p {  font-size: 14px;  margin-bottom: 20px;  color: #555;}
/* FORM */
.popup-box input {  width: 100%;  padding: 12px;  margin-bottom: 15px;  border: 1px solid #ccc;  border-radius: 5px;}
.popup-box button {  width: 100%;  padding: 12px;  background: #c8a15c;  color: #fff;  border: none;  border-radius: 5px;  cursor: pointer;  transition: 0.3s;}
.popup-box button:hover {  background: #444;}

.enquiry-wrapper {  position: fixed;  right: 0;  top: 25%;  z-index: 99;}
@media screen and (max-width: 768px) {
  .enquiry-wrapper {  display: block;  }
}
@media screen and (max-width: 500px) {
  .enquiry-wrapper {    display: flex;    width: 100%;    top: unset;    bottom: 0;  }
}
.enquiry-wrapper .enquiry-box {  display: flex;  align-items: center;  background-color: #000;  cursor: pointer;  transform: translateX(145px);  transition: all ease-in 0.5s;}
@media screen and (max-width: 1366px) {
  .enquiry-wrapper .enquiry-box {    transform: translateX(100px);  }
}
@media screen and (max-width: 500px) {
  .enquiry-wrapper .enquiry-box {    transform: translateX(0);    width: 100%;    text-align: center;  }
}
.enquiry-wrapper .enquiry-box:hover {  transform: translateX(0);}
.enquiry-wrapper .enquiry-box:not(:first-child) {  border-top: 1px solid #fff;}
.enquiry-wrapper .enquiry-box .call-icon,
.enquiry-wrapper .enquiry-box .mail-icon {  background-color: #a02e83;  width: 47px;  padding: 7px;}
.enquiry-wrapper .enquiry-box .call-icon span.mbvisi,
.enquiry-wrapper .enquiry-box .mail-icon span.mbvisi {  display: none;}
@media screen and (max-width: 500px) {
.enquiry-wrapper .enquiry-box .call-icon,.enquiry-wrapper .enquiry-box .mail-icon{width:99%; padding: 1px; display: block; vertical-align:middle; justify-content:center; color:#fff; text-align:center;}
.enquiry-wrapper .enquiry-box .call-icon span.mbvisi,
.enquiry-wrapper .enquiry-box .mail-icon span.mbvisi {    display: none;   font-size: 13px;    color: #fff;  }
}
@media screen and (max-width: 330px) {
  .enquiry-wrapper .enquiry-box .call-icon img,.enquiry-wrapper .enquiry-box .mail-icon img {    width: 18px;    padding: 8px 0;  }
}
.enquiry-wrapper .enquiry-box .call-content {  padding: 0px 5px;}
@media screen and (max-width: 500px) {
  .enquiry-wrapper .enquiry-box .call-content {    display: none;  }
}
.enquiry-wrapper .enquiry-box .mail-content {  padding-left: 18%;}
@media screen and (max-width: 500px) {
  .enquiry-wrapper .enquiry-box .mail-content {    display: none;  }
}
.enquiry-wrapper .enquiry-box img {  width: 32px;  padding: 6px;}
.enquiry-wrapper .enquiry-box a {  color: #000;  text-decoration: none;  font-size: 16px;}
@media screen and (max-width: 1366px) {
  .enquiry-wrapper .enquiry-box a {    font-size: 14px;  }
}



@media only screen and (min-width: 0px) and (max-width: 350px) {
          .amenities-section {
        height: 400px;
        padding: 20px 0 0;
    }
     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 351px) and (max-width: 400px) {
      .amenities-section {
        height: 450px;
        padding: 20px 0 0;
    }

     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 401px) and (max-width: 450px) {
      .amenities-section {
        height: 500px;
        padding: 20px 0 0;
    }
}

@media only screen and (min-width: 451px) and (max-width: 500px) {
      .amenities-section {
        height: 550px;
        padding: 20px 0 0;
    }

     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 501px) and (max-width: 550px) {
      .amenities-section {
        height: 550px;
        padding: 20px 0 0;
    }
}

@media only screen and (min-width: 551px) and (max-width: 600px) {
      .amenities-section {
        height: 600px !important;
        padding: 20px 0 0;
    }

     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
      .amenities-section {
        height: 680px !important;
        padding: 20px 0 0;
    }

     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 701px) and (max-width: 750px) {
      .amenities-section {
        height: 750px !important;
        padding: 20px 0 0;
    }

     .icon1 {
    color: #ffffff !important;
}
}

@media only screen and (min-width: 751px) and (max-width: 1000px) {
      .amenities-section {
        height: 900px !important;
        padding: 20px 0 0;
    }
 .icon1 {
    color: #ffffff !important;
}
  
}