@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=Gilda+Display&family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Vidaloka&display=swap');

html{
    scroll-behavior: smooth;
}

body{
    font-family: 'Plus Jakarta Sans';
}


/* .preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url(./assets/images/preloader.gif);
  display: none;
}

.preloader.active {
  display: block;
} */

.preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  background: #FFF;
 }
 
 .preloader{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 }

 .no-scroll{
  overflow: hidden;
}

.scroll{
  overflow: auto !important;
}


/* Navbar CSS */
.first-section{
  margin-top: 76px;
}
.navigation-container{
    background-color: #090834;
    /* border-bottom: 0.5px solid #FFFFFF; */
    backdrop-filter: blur(7.900000095367432px);
    position: fixed;
    z-index: 99999;
    width: 100%;
    top: 0px;
}
.nav-link{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    line-height: 17.64px;
}
.nav-link:hover, .nav-link:focus{
    color: #C2AB72;
}
.nav-link.active{
  color: #C2AB72 !important;
}
.header-dk{
    padding: 0px 40px;
}
.nav-gap{
    gap: 40px;
}
.banner-section{
  position: relative;
  margin-top: 72px;
}
.navigation-container{
    background-color: #FFF;
    backdrop-filter: blur(7.900000095367432px);
    box-shadow: 0px 7px 29px 0px #64646F33;
}
.nav-link{
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 14px;
    color: #090834;
    line-height: 17.64px;
}
.nav-link:hover, .nav-link:focus{
  color: #C2AB72;
}
.header-dk{
    padding: 2px 40px;
}

.nav-gap{
    gap: 40px;
}

.banner-container{
  width: 100%;
  height: fit-content;
}

.ingalimage{
  border-radius: 4px;
}

  /* for project page */

  .fancybox__container {
    z-index: var(--fancybox-zIndex, 99999) !important;
  }
  .f-thumbs__viewport {
    display: none;
  }

  .mainimage{
    position: relative;
  }
  .celeoverview{
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .celeyoutube{
    padding-bottom: 120px;
    padding-top: 50px;
  }
  .alltypes{
    position: absolute;
    width: 80%;
    background: #090834;
    background-image: url(../images/projects/pricesheetbg1.1.webp);
    padding: 20px;
    left: 10%;
    top: 90%;
    border-radius: 6px;
  }
  .topsecsize{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    color: #C2AB72;
  }
  .botsecsize{
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
  }
  .secborder{
    border-right: 1.5px solid #FFFFFF9E
  }

  .desktopoverview{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .subheading{
    font-family: Plus Jakarta Sans;
    font-size: 22px;
    font-weight: 600;
    color: #EFBF04;
  }
  .heading{
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    Line-height: 48px;
    font-weight: 600;
    color: #090834;
    letter-spacing: 0.28700000047683716px;
  }
  .keyheading{
    font-family: Plus Jakarta Sans;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0.28700000047683716px;
    color: #090834;
  }
  .Discoverpara{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #595959;
  }
  .Discoverimgalin{
    display: flex;
    justify-content: center;
  }
  .youtubevideo{
    border-radius: 10px;
  }

  .infloorhead{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
  }

  .highlightcenter{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .listcontant {
    color: #656565;
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
  }
  .backgroundhigh{
    background-color: #fff;
    padding: 24px;
    box-shadow: 0px 7px 29px 0px #20202333;
  }
  .Highlighttext{
    position: relative;
    z-index: 999;
    width: 60%;
    padding-top: 40px;
  }
  .Highlightimage{
    position: absolute;
    right: 0px;
  }
  .mastersec{
    margin-top: 160px;
    margin-bottom: 80px;
  }
  .gallerypadd{
    padding-top: 30px;
  }
  .amentiespadd{
    padding-top: 80px;
  }
  .mappadd{
    padding-top: 80px;
  }

  .floorplanbackimg{
    background-image: url(../images/projects/floorplanbackground1.1.webp);
  }
  .headingbackground{
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
  }
  .floorpading{
    padding: 50px 0;
  }
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #C2AB72;
    border-bottom: 2px solid #C2AB72;
    border-radius: 0px;
    background-color: transparent;
  }

  .leftlocation{
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    /* color: #222222; */
  }

  .swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    /* width: 100%;
    height: 100%; */
    object-fit: cover;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none !important;
  }
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: none !important;
  }

  .swiper-button-prev {
    background-color: #090834;
    padding: 30px;
    border-radius: 50%;
  }
  .swiper-button-next {
    background-color: #090834;
    padding: 30px;
    border-radius: 50%;
  }

  .swiper-button-next.forfloorplan{
    background-color: #fff;
  }
  .swiper-button-prev.forfloorplan{
    background-color: #fff;
  }

  .nostyle{
    text-decoration: none;
    color: inherit;
  }
  .underline{
    text-decoration: underline;
  }

  .comforsec{
    padding: 10px;
  }
  .amentiessec{
    /* width: 100%; */
    height: 243.98px;
    gap: 0px;
    border: 5px 0px 0px 0px;
    opacity: 0px;
    border: 5px solid #090834;
    background-color: #090834;
    padding: 12px;
  }
  .amenhead{
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: #C2AB72;
  }
  .amenpblue{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    color: #FFFFFF;
  }
  .amentiesecwhite{
    /* width: 286px; */
    height: 243.98px;
    gap: 0px;
    border: 5px 0px 0px 0px;
    opacity: 0px;
    border: 5px solid #F0F0F0;
    padding: 12px;
  }
  .amenheadwhite{
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-weight: 600;
    line-height: 33.6px;
    color: #020D26;
  }
  .amenpwhite{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    color: #777777;
  }

  .mapbackground{
    background-image: url(../images/projects/mapbackgroung1.1.webp);
    height: 350px;
  }

  .enquirypadd{
    padding-top: 18rem;
  }
  .enquirybackimg{
    background-image: url(../images/projects/contactbackgroungimg3.1.webp);
  }

  .accordion-button:not(.collapsed) {
    color: #C2AB72 !important;
    background-color: #ffffff00;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #dee2e600;
  }


  .accordion-button:not(.collapsed)::after{
    background-image: url('../images/projects/accordian-active-arrow.png');
  }

  .accordion-button::after{
    background-image: url('../images/projects/accordian-normal-arrow.png');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background-size: auto;
  }

  .accordion-button{
    color: #222222;
  }

  .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 1px -1px 0 0.25rem rgb(13 110 253 / 0%);
  }

  .form-wrapper{
    background-color: #090834;
    width: 90%;
    max-width: 600px;
    padding: 40px;
    /* border-radius: 12px; */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    animation: fadeIn 1s ease-out;
    border: 1px solid #C2AB72;
    border-top: 5px solid #C2AB72;
  }
  .titless{
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    font-weight: 500;
    color: #C2AB72;    
  }
  .contact-form{
      width: 100%;
  }

  .form-row{
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 20px;
  }
  .form-column{
      flex: 1;
      min-width: 250px;
  }
  .form-label{
      display: block;
      color: #333;
      font-size: 14px;
      margin-bottom: 5px;
  }
  .form-input,
  .form-textarea{
      width: 100%;
      padding: 12px;
      border-radius: 8px;
      /* border: 1px solid #ddd; */
      border: 1px solid #FFFFFF;
      transition: border-color 0.3s, transform 0.3s;
      background: #090834;
      color: #A88944;
  }

  .form-input:valid{
    color: #FFF;
    font-weight: 500;
  }
  .form-input, .form-textarea {
    color: #fff !important;
  }

  input:valid{
    color: #FFF;
  }

  .form-textarea:valid{
    color: #FFF;
    font-weight: 500;
  }
  
  .intrackbox{
    position: relative;
  }
  .intrackimage{
    position: absolute;
    bottom: 18px;
    right: 24px;
  }


  .form-input:focus,
  .form-textarea:focus{
      border-color: #6f6df4;
      outline: none;
      transform: scale(1.02);
  }
  .form-textarea{
    resize: none;
  }
  .submit-button{
      display: block;
      width: 80%;
      padding: 4px;
      /* background: linear-gradient(135deg, #6f6df4, #4c46f5); */
      background-color: #C2AB72;
      color: #fff;
      border: 1px solid #C2AB72;
      border-radius: 4px;
      font-size: 28px;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
  }
  .submit-button:hover{
    background-color: #FFF;
    color: #C2AB72;
    border: 1px solid #C2AB72;
  }
  .form-input::placeholder {
    color: #A88944;
  }
  .form-textarea::placeholder {
    color: #A88944;
  }
  .form-input:focus, .form-textarea:focus {
    border-color: #FFF;
    outline: none;
    transform: scale(1.02);
  }



  .whatsapp-icon{
    visibility: hidden;
    opacity: 0;
    height: fit-content;
    width: fit-content;
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 999;
  
  }


  .back-to-top{
    visibility: hidden;
    opacity: 0;
    height: 40px;
    width: 40px;
    background-color: #C2AB72;
    color: #FFF;
    position: fixed;
    bottom: 20px;
    right: 90px;
    border: 1px solid #C2AB72;
    font-size: 28px;
    transition: all 0.3s ease-in-out;
    z-index: 999;
  }
  
  .back-to-top.active{
    visibility: visible;
    opacity: 1;
  }
  
  
  .bi-arrow-up-short{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
  }

  .enquirysscolo{
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #C2AB72;
    margin-bottom: 0px;
  }

  .fa-angle-down{
    font-size: 14px;
    margin-left: 2px;
    transition: transform 0.3s ease-in-out;
   }
   
   .projects-drop-down-Indexcontainer{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 55px;
    right: 305px;
    width: 216px;
    background-color: #D9D9D9;
    transition: all 0.3s ease-in-out;
    border: 0.56px solid #F0F0F0;
    border-radius: 3px;
   }
   .projects-drop-down-container{
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 70px;
    right: 326px;
    width: 216px;
    background-color: #D9D9D9;
    transition: all 0.3s ease-in-out;
    border: 0.56px solid #F0F0F0;
    border-radius: 3px;
   }
   
   
   .fa-angle-down.active{
    transform: rotate(180deg);
    color: #AC8E4A;
   }
   
   .projects-drop-down-container.active{
    visibility: visible;
    opacity: 1;
   }
   .projects-drop-down-Indexcontainer.active{
    visibility: visible;
    opacity: 1;
   }
   
   .fa-caret-up{
    position: absolute;
    bottom: 67px;
    right: 80px;
    font-size: 40px;
    height: 60px;
    color: #B5B5B5;
    /* border: 1px solid #B5B5B5; */
    /* box-shadow: 0px 7px 29px 0px #64646F33; */
   
   }
   
   .projects-desktop-dropDown{
    position: relative;
    z-index: 9999999999;
   }
   
   
   .projects-dropDown-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
    padding: 10px 12px;
    padding: 10px 12px;
    text-align: start;
    transition: all 0.3s ease-in-out;
   }

  @keyframes fadeIn{
      from{
          opacity: 0;
          transform: translateY(-20px);
      }
      to{
          opacity: 1;
          transform: translateY(0);
      }
  }

  

  @media (max-width: 768px){
    .form-wrapper{
        padding: 30px;
    }
    .form-row{
        flex-direction: column;
    }
    .mappadd {
      padding-top: 20px;
    }
    .projects-dropDown-txt {
      color: #FFF;
    }
    .mobile-li-projects{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 6px;
      color: #FFF;
      }


    .fa-angle-down{
      border: 1px solid #FFF;
      padding: 8px;
    }

    .fa-angle-down.active{
      transform: rotate(180deg);
      color: #AC8E4A;
      border: 1px solid #AC8E4A;
      padding: 8px;
    }

    .projects-drop-down-mobileContainer.active{
      visibility: visible;
      opacity: 1;
      display: block;
    }
    .projects-drop-down-mobileContainer{
      visibility: hidden;
      /* transform: translateY(-100%); */
      opacity: 0;
      transition: 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      display: none;
      }
  }

  @media (max-width: 540px){
      .form-wrapper{
          padding: 20px;
      }
      .form-row{
          flex-direction: column;
          gap: 15px;
      }
      .form-column{
          min-width: 100%;
      }
      .form-label{
          font-size: 12px;
      }
      .form-input,
      .form-textarea{
          padding: 10px;
          color: #fff;
      }
      .submit-button{
          padding: 6px;
          font-size: 24px;
          font-weight: 700;
      }
  }

  .visitushead{
    font-family: Plus Jakarta Sans;
    font-size: 28px;
    line-height: 24px;
    font-weight: 500;
    color: #090834;
  }
  .visitp{
    font-family: Plus Jakarta Sans;
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    color: #4D4D4D;
  }
  .nextcontactus{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .contactusform{
    display: flex;
    justify-content: center;
  }

  .youtubeback {
    position: relative;
    display: flex;
    width: fit-content;
    margin: auto;
    padding: 0px;
  }

  .walkthrough-txt-container{
    position: absolute;
    right: 0;
    top: 0;
    writing-mode: vertical-lr; /* Changes direction to face inward */
    text-orientation: mixed;
    font-size: 3rem;
    font-weight: bold;
    color: #e5e5e5;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    letter-spacing: 2px;
  }

  .pinned-text {
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(180deg); /* Ensures the text is flipped to face inward */
    /* font-size: 3rem; */
    font-weight: 800;
    color: #e5e5e5;
    text-transform: uppercase;
    height: 100%;
    display: flex;
    flex-direction: column; /* Stacks text vertically */
    align-items: center;
    justify-content: end;
    white-space: nowrap;
    letter-spacing: 1px;
    font-size: 70px;
    -webkit-text-stroke: 1px #A8894466;
    font-family: 'Plus Jakarta Sans';
    color: transparent;
}

.contact-each img {
  margin-top: 6px;
}

.pinned-text span {
    writing-mode: vertical-lr; /* Ensures text remains vertical */
    text-orientation: mixed;
}

  /* Top-side bar design */
  .youtubeback::before {
    content: '';
    position: absolute;
    top: -9px;
    left: 8px;
    width: 100%;
    height: 10px;
    background-color: #d5b15c;
    border-radius: 10px 10px 0 0;
  }
  /* Right-side vertical bar design */
  .youtubeback::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -9px;
    width: 10px;
    height: 100%;
    background-color: #d5b15c;
    border-radius: 0 10px 10px 0;
  }
  /* YouTube iframe styling */
  .youtubevideo {
    display: block;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .mobileview{
    display: none;
  }

  .footer-bg-img{
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .no-style-link{
    text-decoration: none;
    color: inherit;
  }

  .contact-section{
    background-color: #090834;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 10px 0px;
    width: 100%;
  }
  .openPopup-style{
    border: none;
    height: 100%;
    width: 100%;
    background-color: #090834;
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 1px) !important;
    left: auto;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 1px) !important;
    right: auto;
  }






/* POPFORM CSS */
.one-time-popup-section {
  position: fixed;
  top: 456200px;
  left: 0;
  z-index: 999999999;
  /* background-color: #FFF; */
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.one-time-popup-section.active{
  backdrop-filter: blur(7.900000095367432px);
  top: 0 !important;
}

.one-time-popup-container{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #090834;
  width: 876px;
  /* padding: 10px; */
}

.OT-pop-title{
  font-family: 'Plus Jakarta Sans';
  font-weight: 600;
  font-size: 40px;
  text-align: center;
  color: #C2AB72;
  margin-bottom: 0px;
}

.OT-pop-disc{
  font-family: 'Plus Jakarta Sans';
  font-weight: 300;
  font-size: 20px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.fix-img-bottom{
  /* position: absolute;
  bottom: 0; */
}

.one-time-popup-form-container{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 14px;
}

.one-time-popup-form{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 26px;
}

.OT-popup-input{
  border: 1px solid #FFFFFF;
  background: transparent;
  width: 100%;
  height: 60px;
  border-radius: 6px;
  padding: 10px;
  transition: all 0.3s ease-in-out;
}

.OT-popup-input::placeholder{
  font-family: 'Plus Jakarta Sans';
  font-weight: 400;
  font-size: 16px;
  color: #A88944;
}

.OT-popup-input:valid{
  color: #FFF;
  font-weight: 500;
}

.OT-pop-btn{
  width: 100%;
  border: 0.5px solid #C4C4C4;
  background-color: #C2AB72;
  border-radius: 8px;
  padding: 10px 0px;
  font-family: 'Poppins';
  color: #FFF;
  font-size: 36px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.close-one-time-popup{
  position: absolute;
  right: -12px;
  top: -12px;
  cursor: pointer;
}

.OT-popup-img-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.fix-img-center{
  position: absolute;
  top: 30px;
}


































  @media (min-width: 1280px) and (max-width:1290px){
    .Highlightimage {
      position: absolute;
      right: 60px;
    }
  }

  @media (min-width: 1366px) and (max-width:1370px){
    .swiper-button-next {
      background-color: #090834;
      padding: 22px;
      border-radius: 50%;
    }
    .swiper-button-prev {
      background-color: #090834;
      padding: 22px;
      border-radius: 50%;
    }
    .listcontant {
      font-size: 16px;
    }
    .Discoverpara {
      font-size: 16px;
    }
  }
  @media (min-width: 1280px) and (max-width:1285px){
    .swiper-button-next {
      background-color: #090834;
      padding: 22px;
      border-radius: 50%;
    }
    .swiper-button-prev {
      background-color: #090834;
      padding: 22px;
      border-radius: 50%;
    }
    .listcontant {
      font-size: 16px;
    }
    .Discoverpara {
      font-size: 16px;
    }
  }
  @media (min-width: 1164px) and (max-width:1168px){
    .heading {
      font-size: 32px;
    }
    .Discoverpara{
      font-size: 16px;
    }
    .listcontant {
      font-size: 12px;
      line-height: 34px;
    }
    .Discoverimgalin {
      width: 90%;
    }
  }

  @media (min-width: 1164px) and (max-width:1170px){
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 10px);
      left: 55% !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
      right: var(--swiper-navigation-sides-offset, 10px);
      left: 35% !important;
    }
    .amenhead {
      font-size: 19px;
    }
    .amenheadwhite {
      font-size: 19px;
    }
    .form-wrapper {
      background-color: #090834;
      width: 100%;
      max-width: 600px;
      padding: 24px;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      animation: fadeIn 1s ease-out;
      border: 1px solid #C2AB72;
      border-top: 5px solid #C2AB72;
    }
    .enquirypadd {
      padding-top: 21rem;
    }
    .enquirybackimg {
      margin-bottom: -60px;
    }

    .swiper {
      padding-bottom: 80px !important;
    }
    .swiper-button-next, .swiper-button-prev {
      top: var(--swiper-navigation-top-offset, 92%) !important;    
    }
    .amentiespadd {
      padding-top: 10px;
    }
    .Highlightimage {
      position: absolute;
      right: 100px;
    }
    .amentiessec {
      height: 270px;
    }
    .amentiesecwhite{
      height: 270px;
    }
  }

  @media (max-width: 768px){

    .desktop-sideways-enquiry{
      display: none !important;
    }



    .one-time-popup-container{
      padding: 0px;
      width: 95%;
  }

  .OT-pop-btn{
      padding: 0px 0px;
      font-family: 'Poppins';
      color: #FFF;
      font-size: 32px;
      margin-bottom: 10px;
  }

  .OT-pop-title{
      font-size: 32px;
  }

  .OT-pop-disc{
      font-size: 14px;
      margin-bottom: 12px;
  }

  .OT-popup-input{
      height: 50px;
  }

  .close-one-time-popup-mb{
      right: 8px;
      top: 8px; 
      position: absolute;
      cursor: pointer;      
  }

  .one-time-popup-form-container{
      padding: 10px 8px;
  }




    /* THE STICKY SECTIONA AT THE BOTTOM */
 .enquiry-section{
  display: none;
  padding: 0px 0px !important;
  position: fixed;
  bottom: 0;
  z-index: 999;
  width: 100%;
  }
  
  .contact-section{
  background-color: #090834;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  padding: 8px 0px;
  width: 100%;
  }
  
  .contact-fixedSec-txt{
  font-weight: 600;
  color: #C2AB72;
  font-size: 14px;
  margin-bottom: 0px;
  margin-left: 8px;
  font-family: 'Plus Jakarta Sans';
  }
  
  .contact-div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fill-available;
  }
  
  .contact-div a{
  display: flex;
  justify-content: center;
  align-items: center;
  }
 
  .openPopup-style{
  border: none;
  height: 100%;
  width: 100%;
  background-color: #090834;
  display: flex;
  justify-content: center;
  align-items: center;
  }
 
  .enquiry-section a{
  text-decoration: none;
  color: inherit;
  }

  .inmobilebanner{
    margin-top: 42px;
  }

    .desktopview{
      display: none;
    }
    .mobileview{
      display: flow-root;
    }
    .topsecsize{
      font-size: 16px;
    }
    .botsecsize{
      font-size: 20px;
    }

    .listcontant {
      font-size: 14px;
      line-height: 26px;
    }

    .youtubeback::before {
      content: '';
      position: absolute;
      top: -6px;
      left: 8px;
      width: 99%;
      height: 7px;
      background-color: #d5b15c;
      border-radius: 10px 10px 0 0;
    }
    .youtubeback::after {
      content: '';
      position: absolute;
      top: -6px;
      right: -6px;
      width: 7px;
      height: 100%;
      background-color: #d5b15c;
      border-radius: 0 10px 10px 0;
    }

    .mobbackground{
      background: #090834;
      background-image: url(../images/projects/mobpricesheet1.1.webp);
    }

    .celeoverview {
      padding-top: 1px;
      padding-bottom: 1px;
    }

    .youtubeback {
      position: relative;
      display: flex;
      width: auto;
      margin: auto;
      padding: 0px;
      flex-direction: row;
    }
    .celeyoutube {
      padding-bottom: 1px;
      padding-top: 1px;
    }

    .Highlightimage {
      z-index: -9;
    }

    .mastersec {
      margin-top: 1px;
      margin-bottom: 1px;
    }

    .swiper {
      padding-bottom: 80px !important;
    }
    .swiper-button-next, .swiper-button-prev {
      top: var(--swiper-navigation-top-offset, 82%) !important;
    }
    .swiper-button-next {
      padding: 22px;
    }
    .swiper-button-prev {
      padding: 22px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
      right: var(--swiper-navigation-sides-offset, 10px);
      left: 55% !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
      right: var(--swiper-navigation-sides-offset, 10px);
      left: 35% !important;
    }

    .fpimg{
      width: 100%;
    }

    .amentiessec {
      height: 223px;
    }
    .amentiesecwhite{
      height: 223px;
    }
    
    .subheading{
      font-size: 18px;
      line-height: 16px;
    }
    .heading{
      font-size: 24px;
      line-height: 32px;
    }
    .headingbackground{
      font-size: 24px;
      font-weight: 500;
    }
    .Discoverpara{
      font-size: 14px;
      color: #656565;
    }
    .overviewimage{
      width: 100%;
    }
    .masterimage{
      width: 100%;
    }
    .mobenqirenowpadd{
      padding-top: 720px;
    }
    .form-wrapper {
      width: 100%;
    }
    .enquirybackimg {
      background-image: url(../images/projects/mobcontactenquire4.1.webp);
      padding-bottom: 60px;
    }
    .visitushead {
      font-size: 24px;
    }
    .titless{
      font-size: 34px;
    }
    .visitp {
      font-size: 16px;
      line-height: 20px;
    }
    .mobnumber{
      font-family: Plus Jakarta Sans;
      font-size: 18px;
      line-height: 24px;
      font-weight: 400;
      color: #4D4D4D;
    }
    .mobrera{
      font-family: Plus Jakarta Sans;
      font-size: 12px;
      line-height: 24px;
      font-weight: 400;
      color: #4D4D4D;
    }

    .form-input:focus, .form-textarea:focus {
      border-color: #fff;
      outline: none;
      transform: scale(1.02);
    }
    .submit-button {
      width: 90%;
    }

    .Highlightimagess{
      position: absolute;
      z-index: -9;
      right: 0;
      padding: 0px;
    }
    .backgroundhighss{
      background-color: #fff;
      padding: 24px;
      box-shadow: 0px 7px 29px 0px #20202333;
      margin-top: 270px;
    }
    .accordion{
      padding: 0 10px;
    }

    .navigation-container{
      display: none;
    }

    .navbar-mb{
      padding: 8px 10px;
    }

  .sliding-navbar {
    position: fixed;
    top: 0;
    right: -5000px;
    height: 100vh;
    width: 100%;
    background-color: #090834;
    opacity: 100%;
    color: #000;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    transition: right 0.3s ease;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 18px;
  }

  .submit-button:hover {
    background-color: #C2AB72;
    color: #fff;
    border: 1px solid #C2AB72;
  }

  .fixed-top{
    background-color: #090834;
    backdrop-filter: blur(7.900000095367432px);
  }
  
  .nav-headers-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }

  .top-nav-head{
    display: flex;
    justify-content: center;
    align-items: start;
    width: 100%;
    padding-top: 20px;
  }

  .banner-section{
    margin-top: 50px;
  }
  
  .sliding-navbar.active {
    right: 0;
  }

  .nav-header-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #C2AB72;
    padding-bottom: 10px;
  }
  
  .navbar-items {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .navbar-items li {
    margin-bottom: 25px;
    text-align: center;
  }
  
  .nav-item-link {
    color: #FFF;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 22px;
    font-weight: 300;
    transition: color 0.3s ease;
  }

  .nav-item-link-noLink{
    color: #090834;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-size: 22px;
    font-weight: 400;
    transition: color 0.3s ease;
  }

  #mobile-projects-title.active{
    color: #AC8E4A;
  }
  
  .nav-item-link:hover {
      color: #FFF;
  }
  
  /* Active state styling */
  .nav-item-link.active {
      color: #C2AB72;
  }
  
  .transperant-bg{
    background: transparent;
  }
  
  .white-bg{
    background-color: #FFF !important;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  }

  .mobile-nav-toggle{
    cursor: pointer;
    border: 1px solid transparent;
  }

  .mobile-nav-whiteBG{
    border: 1px solid #BD9A68;
  }

  .footer-bg-img{
    background-image: url('../images/banners/footer-bg-img-2.svg');
    height: 418px;
  }

  .footer-bg-img{
    background-image: url('../images/banners/footer-bg-img-2-mb.webp');
    height: fit-content;
  }

  .back-to-top{
    bottom: 64px;
    right: 20px;
    height: 38px;
    width: 38px;
  }

  .footer-container{
    flex-direction: column;
    padding: 20px 0px;
    padding-top: 20px !important;
    gap: 30px;

    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
  }
  .footer-chief-seg{
    width: 100%;
  }
  .footer-icons-container{
    gap: 28px;
  }
  .footer-chief-disc{
    font-size: 12px;
    line-height: 22.75px;
    margin: 10px 0px;
  }

  .swiper-button-next.forfloorplan{
    background-color: #fff;
    margin-top: calc(0px -(var(--swiper-navigation-size) / 7 ));
  }
  .swiper-button-prev.forfloorplan{
    background-color: #fff;
    margin-top: calc(0px -(var(--swiper-navigation-size) / 7 ));
  }
  }

  @media (max-width: 480px){
    .swiper-button-next, .swiper-button-prev {
      top: var(--swiper-navigation-top-offset, 85%) !important;
    }
  }


  @media (min-width: 1164px) and (max-width: 1281px) {
    .footer-bg-img {
    height: 382px;
    }
   }
   @media (min-width: 1164px) and (max-width: 1281px) {
    .footer-container {
    padding-top: 20px;
    }
   }


  @media (min-width:769px) {
    .projects-dropDown-txt:hover{
      color: #AC8E4A !important;
    }

    .navigation-container-mb{
      display: none;
    }
    .footer-bg-img{
      background-image: url('../images/banners/footer-bg-img-2.svg');
      height: 418px;
    }
    .back-to-top:hover{
      background-color: #FFF;
      color: #C2AB72;
      border: 1px solid #C2AB72;
    }
    .footer-chief-seg{
      width: 30%;
    }

    .whatsapp-icon.active{
      visibility: visible;
      opacity: 1;
    }
    .desktop-sideways-enquiry{
      position: fixed;
      right: -55px;
      top: 50%;
      z-index: 99999;
      rotate: 270deg;
      background-color: #090834;
      text-decoration: none;
      height: 40px;
      width: 150px;
      text-align: center;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      display: flex;
      justify-content: center;
      align-items: center;
      }
     
      .sideways-enquiry-txt{
      color: #C2AB72;
      text-align: center;
      width: 100%;
      font-size: 20px;
      text-transform: capitalize;
      font-family: 'Plus Jakarta Sans';
      }
  }

  /* Footer SEction CSSS */
  .footer-container{
    display: flex;
    align-items: start;
    justify-content: space-around;
    width: 100%;
    padding-top: 50px;
  }
  
  .footer-center-this{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .footer-header{
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 18px;
    color: #C2AB72;
    margin-bottom: 6px;
  }
  .footer-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0px;
  }
  .footer-icons-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 35px;
  }
  .footer-chief-disc{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 13px;
    line-height: 22.75px;
    color: #FFFFFF;
    margin: 14px 0px;
  }
  .contact-each{
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px ;
  }
  .contact-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 300;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 0px;
  }
  .contact-container{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 15px;
  }
  .copy-right-container{
    background: linear-gradient(180deg, rgba(27, 24, 154, 0.2) 0%, rgba(9, 8, 52, 0.2) 100%);
    width: 100%;
    padding: 6px 0px;
  }
  .copyright-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 13px;
    color: #FFFFFFCF;
    line-height: 22.75px;
    margin-bottom: 0px;
    text-align: center;
  }
  .VSNAP-anchor{
    text-decoration: underline;
    color: inherit;
  }

  @media (max-width: 320px){
    .visitp {
      font-size: 13px;
      line-height: 20px;
    }
    .amentiessec {
      height: 242px;
    }
    .amentiesecwhite{
      height: 242px;
    }
    .mobenqirenowpadd {
      padding-top: 840px;
    }
    .backgroundhighss {
      margin-top: 236px;
    }
    .headingbackground {
      font-size: 22px;
      font-weight: 500;
    }
    .botsecsize {
      font-size: 16px;
      font-weight: 600;
    }
    .topsecsize {
      font-size: 12px;
    }
  }

  /* for project page */


  .disappear-amenities{
    display: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .show-more-container{
    text-align: center;
    margin-top: 30px !important;
  }
  
  .show-more-btn{
    border: 0.5px solid #C2AB72;
    padding: 2px 20px;
    background-color: #C2AB72;
    font-family: 'Plus Jakarta Sans';
    border-radius: 23px;
    color: #FFF;
    font-weight: 400;
    font-size: 20px;
  }
  .disappear-amenities-mb{
    display: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .show-more-container-mb{
    text-align: center;
    margin-top: 30px !important;
  }
  
  .show-more-btn-mb{
    border: 0.5px solid #C2AB72;
    padding: 2px 20px;
    background-color: #C2AB72;
    font-family: 'Plus Jakarta Sans';
    border-radius: 23px;
    color: #FFF;
    font-weight: 400;
    font-size: 20px;
  }