@media (max-width:900px) {
   .d-desktop {
      display: none;
   }

   .d-mobile {
      display: block;
   }

   .d-desktop1 {
      display: none !important;
   }

   .d-mobile1 {
      display: flex;
   }
   .highlight-sec{
      display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 10px;
   }

   .navbar-mb {
      display: flex !important;
      justify-content: space-between !important;
      align-items: center !important;
      padding: 3px 15px !important;
      /* background: #1C4130; */
      background: url(../images/nav-background.png);
      border: 1px solid #FFFFFF03;
      backdrop-filter: blur(60px);
   }

   .sliding-navbar {
      position: fixed;
      top: -150vh;
      /* completely hidden above screen */
      left: 0;
      width: 100%;
      /* full width */
      background-image: url('../images/mobile-navigation-bg.jpg');
      box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
      transition: top 0.4s ease-in-out;
      /* should animate top, not left */
      z-index: 10000;
      overflow-y: auto;
   }

   .sliding-navbar.active {
      top: 0;
      /* slides down */
      overflow-y: hidden;
   }

   .nav-header-container {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 15px;
   }
   .rounded {
    width: 90%;
}

   .navbar-items {
      background: #FFFFFFE5;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      gap: 40px;
      padding: 30px 0px;
   }

   .navcontent li.active ::before,
   .navcontent li.active ::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 40px;
      /* length of line */
      height: 2px;
      /* thickness */
      background-color: #8b5e25;
      /* same color as active text */
   }

   .links {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: 20px;
      width: 100%;
   }

   .nav-link-menu {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 10px;
   }

   .app-link-nav {
      display: flex;
      gap: 20px;
   }

   .nav-item {
      list-style: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

   }

   .navcontent {
      font-family: 'Chronicle Display';
      font-weight: 375 !important;
      font-size: 28px !important;
      letter-spacing: 0px;
      text-align: center;
      color: #2e2e2e !important;
      text-align: center;
      text-transform: uppercase;
   }

   .navcontent.active {
      color: #814F02 !important;
   }

   .top-nav-head {
      padding: 0px 10px 6rem 10px;
      height: 100%;
   }

   .nav-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
      z-index: 9999;
   }

   .nav-overlay.active {
      opacity: 1;
      visibility: visible;
   }

   .background-banner-img {
      background-image: url('../images/home-banner-mobile.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
   }

   .bannersec {
      padding-top: 3rem;
   }

   .banner-heading {
      font-size: 28px;
      line-height: 32px;
   }

   .banner-paragraph {
      font-size: 12px;
      line-height: 17px;
   }

   .banner-btn {
      font-size: 14px;
      padding: 5px 20px;
   }

   .bannerbtn {
      font-size: 14px;
      padding: 3px 35px;
      border: 1px solid #FFFFFF;
   }

   .both-button {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 18px;
      gap: 10px;
   }

   .banner-content {
      padding: 1px 0 2rem;
      display: flex;
      justify-content: center;
      flex-direction: column;
   }

   .crafted-meaning {
      font-size: 14px;
   }

   .crafted-for-img {
      padding-top: 2rem;
   }

   .crafted-heading {
      font-size: 24px;
      line-height: 33px;
   }

   /* Default card style */
   .crafted-card {
      transition: all 0.3s ease-in-out;
      /* opacity: 0.6;
      transform: scale(0.9); */
      border-top-right-radius: 150px;
   }

   /* Active card style */
   .swiper-slide-active .crafted-card {
      opacity: 1;
      background: url('../images/crafted-hover.webp');
      background-position: center;
      /* centers the image */
      background-repeat: no-repeat;
      width: fit-content;
   }

   .swiper-slide-active .crafted-card .delivered-first {
      color: #fff;
   }

   .swiper-slide-active .crafted-card .delivered-first span {
      color: #fff;
   }

   .swiper-slide-active .crafted-card .delivered-second {
      color: #fff;
   }

   .swiper-slide-active .top-leaf {
      display: none;
   }

   .top-leaf-white {
      display: none;
      /* hidden by default */
   }

   .swiper-slide-active .top-leaf-white {
      display: block;
      /* shown when it has the .active class */
   }

   .delivered-first {
      font-size: 32px;
      line-height: 24px;
   }

   .delivered-second {
      font-size: 14px;
      line-height: 18px;
   }

   .crafted-content-img {
      padding: 2rem 0;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      position: relative;
   }

   .ten-plus {
      font-size: 44px;
   }

   .years-of-experience {
      font-size: 14px;
   }

   .ten-experience {
      top: 82%;
      left: 50px;
      padding: 8px;
   }

   .luxury-container {
      width: 100%;
   }

   .harmony-content {
      padding: 0 20px;
      align-items: center;
   }

   .about-sln {
      font-size: 14px;
      text-align: center;
   }

   .crafting-rooted {
      font-size: 24px;
      line-height: 28px;
      text-align: center;
   }

   .sln-content {
      font-size: 12px;
      line-height: 18px;
      text-align: center;
   }

   .harmony-box {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-direction: column;
      width: 90%;
   }

   .harmony-images {
      width: 100%;
   }

   .beyond-construction-img {
      width: 90%;
   }

   .commitment-extends-beyond-m {
      width: 100%;
   }

   .strong-foundation {
      font-size: 14px;
   }

   .vision-luxury {
      font-size: 24px;
      line-height: 33px;
      padding: 0 10px;
   }

   .bothofvision {
      flex-direction: column;
      gap: 0;
      height: fit-content;
   }

   .foundationsec {
      padding-left: 12px;
      padding-right: 12px;
   }

   .bothofvision-bg {
      padding: 0;
      padding-left: 0px !important;
      padding-right: 0px !important;
      height: 100%;
   }

   .vision-luxury-left-img {
      width: 100%;
      height: 220px;
   }

   .vision-right-first {
      font-size: 28px;
      padding-top: 6px;
      padding-bottom: 5px;
   }

   .vision-right-second {
      font-size: 14px;
      margin: 4px 0;
   }

   .vision-right-third {
      font-size: 12px;
      line-height: 16px;
      padding: 4px 14px 14px;
      margin: 0;
      margin-bottom: 10px;
   }

   .view-property {
      font-size: 16px;
      padding: 5px 44px;
      border-bottom-width: 2px;
      border-left-width: 2px;
   }

   .viewproperty {
      margin: 16px 0;
   }

   .crafted-left-bottom-img {
      position: absolute;
      top: 82%;
      left: 0;
      opacity:unset;
   }

   .foundationsec {
      padding-bottom: 2rem;
   }

   .stories-of-sucess {
      font-size: 14px;
   }

   .moments {
      font-size: 24px;
      line-height: 33px;
   }

   .living-at-harmony {
      font-size: 12px;
      line-height: 16px;
      text-align: center;
   }

   .author {
      font-size: 16px;
      line-height: 19px;
      text-align: center;
   }

   .address {
      font-size: 16px;
      line-height: 19px;
      text-align: center;
   }

   .swipercard {
      padding: 20px 10px 9px 10px;
      border-radius: 6px;
      height: 150px;
   }

   .contactcont {
      padding: 3rem 0 4rem 0;
   }

   .contactus {
      flex-direction: column;
      padding: 0px 10px 30px;
      gap: 0px;
      background-image: url('../images/contact-form-m.png');
   }

   .enquiryform input {
      font-size: 16px;
      padding: 12px 0px;
   }

   .submit-btn {
      font-size: 24px;
      padding: 5px 49px;
      font-weight: 400;
      border: none;
   }

   .contact-us-name {
      font-size: 34px;
      line-height: 1;
   }

   .lets-start {
      font-size: 14px;
      line-height: 18px;
   }

   .logoscontact {
      font-size: 14px;
      gap: 6px;
   }

   .contact-address {
      font-size: 14px;
      line-height: 18px;
   }

   .villa-or-appartment {
      padding-top: 0px;
   }

   .blogdetails_banner {
      height: 220px !important;
   }

   .footer-sec {
      flex-direction: column;
      padding: 1rem 1rem;
   }

   .thiscontent {
      font-size: 12px;
      padding-right: 0px;
      margin-bottom: 10px;
   }

   .transform-your-home {
      font-weight: 400;
      font-size: 12px;
   }

   .allcontentfooter {
      margin: 10px 0;
   }

   .vision-luxury-right {
      /* background: linear-gradient(180deg, #FFFFFF -7.64%, rgb(50 114 31 / 47%) 125.85%); */
      background:  url(../images/serenity-enclave-bgimg-m.webp) ;
      border: none;
      height: 250px;
      justify-content: flex-start;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
   }

   .villas {
      font-family: 'Urbanist';
      font-weight: 400;
      font-size: 12px;
      color: #6C4D1D;
   }

   .about-us-firstsec {
      padding-top: 3rem;
   }

   .blog-details-firstsec {
      padding-top: 3rem;
   }

   .about-us-banner { 
      background: url(../images/about-us-banner-m.png);
      height: 200px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
   }

   .about-us-heading {
      font-size: 26px;
      line-height: 28px;
   }

   .building-homes {
      font-size: 24px;
      line-height: 28px;
   }

   .building-homes-txt {
      font-size: 12px;
      line-height: 20px;
      margin-bottom: 0;
   }

   .mobile-our-mission-vission {
      font-family: 'Chronicle Display';
      font-weight: 450;
      font-size: 26px;
      letter-spacing: 0.13px;
      text-align: center;
      margin-bottom: 20px;
      color: #713900;
      position: relative;
      z-index: 99;
   }

   .quality-imgs {
      flex-direction: column;
   }

   .redefining-future {
      display: flex;
      flex-direction: column;
   }

   .redefining-future {
      font-size: 24px;
      line-height: 31px;
      padding-top: 2rem;
      margin-bottom: 10px;
   }

   .redefining-future-txt {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 10px;
      padding: 0 10px;
   }

   .viewproperties {
      font-size: 16px;
      padding: 5px 12px;
   }

   .redefining-future-left {
      padding-top: 2rem;
   }

   .redefining-future-right {
      position: relative;
      top: 4rem;
   }

   .details-of-projects {
      flex-direction: column;
      padding: 5rem 0;
      gap: 30px;
   }

   .details-of-number {
      font-size: 90px;
   }

   .complete-p {
      font-size: 24px;

   }

   .beyond-content-img {
      padding: 2rem 0;
      flex-direction: column;
      align-items: flex-end;
   }

   .beyond-construction {
      padding: 0 1rem;
   }

   .extends-beyond {
      font-size: 24px;
      line-height: 26px;
      text-align: center;
   }

   .commitment-beyond {
      font-size: 12px;
      line-height: 22px;
      text-align: center;
   }

   .properties-banner {
      background-image: url('../images/properties-banner-m.webp');
      height: 200px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover;
   }

   .properties-firstsec {
      padding-top: 3rem;
   }

   .properties-heading {
      font-size: 28px;
      line-height: 28px;
   }

   .find-your-space {
      font-size: 26px;
      line-height: 33px;
   }

   .find-your-space-txt {
      font-size: 12px;
      line-height: 18px;
      padding: 0 0rem;
      margin-bottom: 2rem;
   }

   .both-img-content-space {
      display: flex;
      flex-direction: column;
      height: auto;
   }

   .sln-img-properties {
      width: 265px;
      position: relative;
      z-index: 9;
      height: 194px;
      object-fit: fill;
      border-radius: 6px;
   }

   .sln-property-div {
      padding-left: 0rem;
      border-bottom: 2px solid #845E22;
      border-left: 2px solid #845E22;
      border-radius: 6px;
      position: relative;
      z-index: 9;
   }

   .space-img {
      padding: 4rem 1rem 0rem 1rem;
      width: 100%;
      height: 100%;
   }

   .palms-head {
      font-size: 24px;
      margin-bottom: 6px;
   }

   .space-city {
      font-size: 14px;
      line-height: 30px;
      margin: 0px;
   }

   .palms-content {
      font-size: 12px;
      line-height: 16px;
      padding-top: 0px;
      text-align: center;
      margin-bottom: 3px;
   }

   .sln-both-img-txt {
      gap: 4px;
   }

   .nameofsln {
      font-size: 12px;
   }

   .properties-blogs {
      font-size: 18px !important;
      padding: 0px 6px !important;
   }

   .toogleproperties {
      flex-wrap: nowrap !important;
   }

   .properties-card {
      width: auto;
      padding: 0;
      background-size: cover;
   }

   .upcoming-heading {
      font-size: 24px;
   }

   .upcoming-location {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .plams-properties {
      width: 100%;
      display: flex;
      flex-direction: column;
      /* justify-content: flex-start; */
      align-items: center;
      border: 1px solid #FFE2B9;
      border-left: none;
      border-right: none;
   }

   .villasSqft {
      font-size: 12px;
   }

   .palms-details {
      display: flex;
      align-items: center;
      gap: 6px;
      margin: 6px 0 10px 0;
      width: 100%;
      justify-content: space-around;
      padding: 0;
   }

   .palms-enquiry-btn {
      padding: 3px 14px;
      font-size: 14px;
      gap: 6px;
      border: 1.5 solid #00422599;
   }

   .footer {
      background-image: url('../images/footer-bgimg-m.webp');
      background-size: cover;
   }

   .palms-view-btn {
      font-size: 14px;
      padding: 3px 14px;
      gap: 6px;
      border: 1.5px solid transparent !important;
   }

   .properties-enquiry-btn {
      font-size: 14px;
      padding: 0px 16px;
      gap: 6px;
      border: 1.5px solid transparent !important;
   }

   .properties-view-btn {
      padding: 0px 16px;
      font-size: 14px;
      gap: 6px;
      border: 1.5px solid transparent !important;
   }

   .enquiry-view-btn {
      margin-top: 3px;
      margin-bottom: 3px;
      justify-content: center;
      gap: 12px;

   }

   .palms-properties-logo {
      /* width: 100%; */
      justify-content: flex-start;
   }

   .find-your-space-bgimg {
      position: relative;
      bottom: 5rem;
      border-radius: 6px;
      height: 390px;
      width: 100%;
      background-image: url('../images/find-your-space-bgimg-m.png');
   }

   .blog_banner {
      background-image: url('../images/contact/blog_page_bg1-m.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 200px !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .contactus_heading {
      line-height: 28px;
        font-size: 26px !important;
      letter-spacing: 0.52px !important;
      padding: 0px 10px;
   }

   .contact_dream {
      font-size: 26px !important;
      margin-bottom: 8px;
      line-height: 28px;
      padding-bottom: 0px;
      padding-left: 10px;
   }

   .enquiryforms input {
      font-size: 14px;
   }
   .enquiryforms input::placeholder {
  color: #936319 !important; 
  font-size: 24px;
}

   .contact_community {
      font-size: 12px !important;
      line-height: 16px !important;
      padding: 0 30px !important;
   }

   .form-control {
      width: 100% !important;
      font-size: 14px !important;
      padding: 8px 12px 8px 20px !important;
   }

   .blog-heading {
      font-size: 18px;
      line-height: 22px;
   }

   .desc {
      font-size: 10px;
      line-height: 14px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      font-weight: 300;
      margin-bottom: 0;
   }

   .blogdate {
      font-size: 12px;
   }

   .blogcategory {
      font-size: 12px;
   }

   .nav_button_design {
      width: 90% !important;
   }

   .blog_share_bg {
      font-size: 12px !important;
      padding: 3px 10px !important;
      margin-right: 0;
      margin-top: 16px;
   }

   .villa-or-appartment {
      gap: 12px;
   }

   .normal_text {
      font-size: 12px;
      line-height: 22px;
   }

   .blog_head_text {
      font-size: 12px;
      line-height: 22px;
   }

   .blog-inside-img {
      width: 100%;
   }

   .hr-center-this {
      padding-bottom: 1rem;
   }

   .recent-blogs {
      line-height: 33px;
      font-size: 28px;
   }

   .contactus_image {
      flex-direction: column;
      padding: 2rem 4px !important;
      background-image: url('../images/contact_us_bg1-m.webp');
   }

   .lets-understand {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   .contact-logo {
      align-items: flex-start;
   }

   .contact_bg_color {
      padding: 10px 17px !important;
      width: 94%;
   }

   .contactus_banner {
      height: 200px;
      background-image: url('../images/contactus_bg_m.png');
   }

   .contact-another {
      font-size: 12px !important;
      line-height: 19px;
   }

   .contact-address1 {
      font-size: 14px;
   }

   .our-vission-right-bottom {
      right: 0;
      position: absolute;
      top: 73.3%;
   }

   .vission-with-mission {
      width: 90%;
      border-radius: 20px;
      opacity: 1;
      position: relative;
      bottom: 4rem;
      padding: 4rem 0 0;
      z-index: 9;
      background: linear-gradient(180deg, #E2B87E 0%, #784C1F 100%);
   }

   .firstimg-vission {
      position: relative;
      z-index: 99;
   }

   .our-mission {
      font-size: 24px;
      margin-bottom: 6px;
      margin-top: 6px;
   }

   .our-vission {
      font-size: 16px;
      line-height: 20px;
      padding: 0px 30px 10px;
   }

   .our-vission-left-bottom {
      position: absolute;
      left: -6%;
      bottom: 0;
      opacity: 60%;
   }

   .blog-img img {
      width: 100%;
      /* height: 100%; */
      height: 224px;
   }

   .contact-head {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .blogone {
      background-image: url('../images/before-one-m.png') !important;
   }

   .blogtwo {
      background-image: url('../images/before-two-m.png') !important;
   }

   .blogthree {
      background-image: url('../images/before-three-m.png') !important;
   }

   .blogfour {
      background-image: url('../images/before-four-m.png') !important;
      background-repeat: no-repeat;
   }

   .blogone.active {
      background-image: url('../images/after-one-m.png') !important;
      background-color: transparent !important;
   }

   .blogtwo.active {
      background-image: url('../images/after-two-m.png') !important;
      background-color: transparent !important;
   }

   .blogthree.active {
      background-image: url('../images/after-three-m.png') !important;
      background-color: transparent !important;
   }

   .blogfour.active {
      background-image: url('../images/after-four-m.png') !important;
      background-color: transparent !important;
   }

   .allblogs {
      width: 104px;
      height: 56px;
      border-radius: 400px !important;
      padding: 14px 0px !important;
      font-size: 14px !important;
   }

   .categories-logo {
      width: 24px;
      height: 24px;
   }

   .coming-soon {
      padding: 1rem 0 0 0;
      font-size: 30px;
   }

   .info-about-villas {
      background: #ffffff4d;
      border-top: 1px solid #ffffff75;
      border-bottom: 1px solid #ffffff75;
   }

   .blogTabsSwiper {
      width: 100%;
      padding: 10px 0;
   }

   .blogTabsSwiper .swiper-slide {
      width: auto;
      /* let buttons size naturally */
      display: flex;
      justify-content: center;
   }

   .blogTabsSwiper {
      margin: 20px 0;
      padding: 0 10px !important;
   }

   /* .blogTabsSwiper .swiper-wrapper{
      gap: 5px;
   } */
   .input_search .search-box::placeholder {
      font-weight: 300 !important;
      color: #784C1F !important;
   }

   .properties-blogs.active {
      font-weight: 400 !important;
   }

   .contact-adress-1 {
      font-size: 12px;
   }

   .building-trust {
      padding-top: 2rem;
   }

   .datecategory {
      gap: 8px;
   }

   .swiper-wrapper {
      flex-wrap: nowrap !important;
   }

   .abouts-us-background {
      background-image: url('../images/about-us-background-m.webp');
      background-position: left;
   }

   .crafted-for-img {
      background-image: url('../images/vision-card-bg.png');
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
      padding-bottom: 60px;
   }

   .crafted-homes-rooted {
      background-image: url('../images/crafting-homes-rooted-img.webp');
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
   }

   .foundationsec {
      background-image: url('../images/vision-of-luxury-bgimg.webp');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
   }

   .three-m {
      background-image: url('../images/m3-img-m.webp');
      position: relative;
   }

   .crafted-swiper {
      padding-bottom: 4rem;
   }

   .border_opacity {
      border: 6px solid rgba(253, 253, 253, 0.45);
   }

   .submit-here {
      font-size: 22px;
   }

   .contactadress {
      font-family: 'Urbanist';
      font-weight: 400;
      font-size: 14px;
      letter-spacing: 0px;
      color: #936319;
      margin-bottom: 0;
   }

   .adressofcontact {
      font-size: 12px;
      line-height: 18px;
   }

   .lets-starts {
      font-family: 'Urbanist';
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #E58C10;
   }

   .properties-bgimg {
      background-size: auto;
   }

   .swiper-prev-next-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 50px;
      position: relative;
      bottom: 36px;
   }

   .livedream-next {
      padding: 5px 7px;
      opacity: 1;
      border-radius: 100px;
      border-width: 1.5px;
      color: #FFFFFF;
      border: 1.5px solid #E2B87E8F;
      left: 0;
   }

   .livedream-prev {
      padding: 5px 7px;
      opacity: 1;
      border-radius: 100px;
      border-width: 1.5px;
      color: #FFFFFF;
      border: 1.5px solid #E2B87E8F;
      right: 0;
   }

   .livedream {
      height: 570px;
   }

   .nav-item a {
      position: relative;
   }

   /* Line effect for active item */
   .nav-item .navcontent.active::before,
   .nav-item .navcontent.active::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 40px;
      /* length of the line */
      height: 1px;
      background: #a36c2f;
      /* line color */
   }

   .nav-item .navcontent.active::before {
      left: -50px;
      /* adjust spacing */
   }

   .nav-item .navcontent.active::after {
      right: -50px;
      /* adjust spacing */
   }

   .enquiry-section {
      position: fixed;
      left: 0;
      width: 100%;
      z-index: 9;
      padding: 0;
      position: fixed;
      bottom: -1725px;
      transition: all 0.25s ease-in-out;
      display: none;
      /* hidden by default */
   }

   .enquiry-section.active {
      bottom: 0px;
   }

   .enquiry-section-details {
      position: fixed;
      left: 0;
      width: 100%;
      z-index: 99;
      padding: 0;
      position: fixed;
      bottom: -1725px;
      transition: all 0.25s ease-in-out;
      display: none;
      /* hidden by default */
   }

   .enquiry-section-details.active {
      bottom: 0px;
      /* visible when scrolled */
   }

   .enquiry-call-form {
      display: flex;
      width: 100%;
      box-shadow: 0px 4px 28px 0px #64646F99;
      background: #000000;
      opacity: 1;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;

   }

   .enquiry-call-form-details {
      display: flex;
      width: 100%;
      box-shadow: 0px 4px 28px 0px #64646F99;
      background: #000000;
      opacity: 1;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      
   }

   .enquiry-section.active {
      display: block;
      /* show when active */
   }

   .enquiry-section-details.active {
      display: block;
      /* show when active */
   }

   .enquiry-wrapper {
      display: flex;
      justify-content: space-around;
      align-items: center;
   }

   .enquiry-button-m {
      text-align: center;
      padding: 10px 0;
      color: #fff;
      font-size: 14px;
      background: transparent;
      border: none;
      outline: none;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
   }

   .enquiry-button-m img {
      display: block;
     
      width: 20px;
      height: 20px;
   }

   .enquiry-button-m-details {
      text-align: center;
      padding: 10px 0;
      color: #fff;
      font-size: 14px;
      background: transparent;
      border: none;
      outline: none;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
   }

   .enquiry-button-m-details img {
      display: block;
      margin: 0 auto 4px;
      width: 20px;
      height: 20px;
   }

   /* .enquiry-call-form{
      display: flex;
      justify-content: space-around;
      align-items: center;
   } */
   .enquiry-call {
      margin-bottom: 0;
      font-family: 'Urbanist';
      font-weight: 500;
      font-size: 18px;
      line-height: 18px;
      letter-spacing: 0px;
      color: #FFFFFF;
   }

   .enquiry-call-details {
      margin-bottom: 0;
      font-family: 'Urbanist';
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0;
      color: #FFFFFF;
   }

   .this-one-enquire {
      background-color: #A47A3BCC;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      /* border-top-left-radius: 8px; */
   }

   .this-one-enquire-details {
      /* background-color: #004225E5; */
      /* background-image: url('../images/properties-details-imgs/leaf-equiry.jpg'); */
      background: linear-gradient(rgb(0 0 0 / 77%), rgb(0 0 0 / 82%)), url('../images/properties-details-imgs/leaf-equiry.jpg');
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top-left-radius: 8px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-right: 1px solid #FFFFFF99;
   }

   .this-one-call {
      background-color: #E2B87EBF;
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      /* border-top-right-radius: 8px; */
   }

   .this-one-call-details {
      /* background-color: #936319B2; */
      background: linear-gradient(rgb(0 0 0 / 77%), rgb(0 0 0 / 82%)), url('../images/properties-details-imgs/leaf-equiry.jpg');
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top-right-radius: 8px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }

   .enquiry-modal {
      display: none;
      /* hidden by default */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      align-items: flex-end;
      transition: all 3s ease-in-out;
   }

   .enquiry-modal-details {
      display: none;
      /* hidden by default */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(0 0 0 / 82%);
      justify-content: center;
      align-items: center;
      z-index: 9999;
      align-items: flex-end;
      transition: all 0.6s ease-in-out;
   }

   .enquiry-content {
      background-image: url('../images/background-for-enquiry-btn.jpg');
      padding: 0px;
      width: 100%;
      position: relative;
      border-top-left-radius: 10px !important;
      border-top-right-radius: 10px !important;
   }

   .enquiry-content-details {
      background-image: url('../images/properties-details-imgs/background-for-enquiry-btn-details.png');
      padding: 0px;
      width: 100%;
      position: relative;
      border-top-left-radius: 4px !important;
      border-top-right-radius: 4px !important;
      background-repeat: no-repeat;
      background-position: bottom;
      background-size: cover;
   }

   .enquiry-close {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
      align-items: center;
      background: #fff;
      padding: 12px;
      border-bottom: 0.4px solid #936319;
      border-top-left-radius: 10px !important;
      border-top-right-radius: 10px !important;
   }

   .enquiry-now-modal {
      font-family: 'Urbanist';
      font-weight: 500;
      font-size: 28px;
      letter-spacing: 0PX;
      text-align: center;
      color: #936319;
      margin-bottom: 0;
   }

   .formpopup {
      display: flex;
      flex-direction: column;
   }

   .formfields {
      padding: 15px 10px 12px;
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   label {
      font-family: 'Urbanist';
      font-weight: 400;
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #784C1F !important;
      margin-bottom: 4px;
   }

   .labelwithfield {
      display: flex;
      flex-direction: column;
   }

   .labelwithfield1 {
      gap: 6px;
   }

   .submit-enquiry-form-m {
      width: 100%;
      background: #784C1F;
      border: none;
      padding: 14px 0;
      font-family: 'Urbanist';
      font-weight: 600;
      font-size: 26px;
      line-height: 26px;
      letter-spacing: 0px;
      color: #FBD86B;
   }

   /* Input field style */
   form input {
      width: 100%;
      padding: 6px 8px;
      font-family: 'Urbanist';
      font-weight: 300;
      font-size: 14px;
      letter-spacing: 0px;
      text-align: left;
      border: 0.5px solid #E2B87E;
   }

   /* On focus */
   form input:focus {
      border-color: none;
   }

   /* Placeholder style */
   form input::placeholder {
      color: #999;
      font-size: 15px;
      font-weight: 400;
      font-family: 'Jost', sans-serif;
   }

   .labelinput {
      padding: 0;
   }

   .thankyou {
      font-size: 38px !important;
      line-height: 44px;
      margin: 20px 0px !important;
   }

   .thankyou-paragraph {
      font-size: 16px !important;
      line-height: 26px !important;
   }

   .thankyousoon {
      width: 70%;
   }

   .next-prev {
      gap: 20px;
   }

   .next-prev {
      display: flex;
      justify-content: center;
      padding-top: 5px;
   }

   .popup-box {
      width: 90%;
   }

   .milestones {
      padding: 3rem 0;
   }

   .footer .copyright {
      padding: 14px 0 3.5rem;
   }

   .more-homes {
      width: 100%;
   }

   .building-more-than-homes-m {
      width: -webkit-fill-available;
   }

   form input::placeholder {
      color: #999;
      font-size: 18px;
      font-weight: 300;
      font-family: 'Jost', sans-serif;
   }

   form input {
      font-weight: 500;
   }

   .plams-complete-content {
      padding: 0 0px 0px 3px;
      width: 100%;
   }

   .pro-btn {
      padding: 16px 0;
   }

   .announced-soon {
      font-size: 22px;
      padding: 4rem 0;
   }

   .to-be-announce {
      margin: 4rem 0;
      width: 90% !important;
   }

   .protes {
      justify-content: center !important;
   }

   .contact-details {
      padding: 16px 20px;
   }

   .all-logo {
      gap: 12px;
   }

   .customer-centric {
      height: 440px;
   }

   .blogdetail {
      position: absolute;
      padding: 15px 10px;
      width: 90%;
   }

   .heading-for-welcome {
      font-size: 22px;
      margin-bottom: 5px;
      line-height: 24px;
      text-align: left;
      padding: 0 12px 0 8px;
   }

   .welcome-text {
      font-weight: 400;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0.12px;
      margin-bottom: 12px;
      margin-top: 8px;
   }

   .properties-details-btn {
      font-size: 12px;
      padding: 4px 25px;
      margin-bottom: 14px;
   }

   .what-sets-content {
      flex-direction: column;
      gap: 20px;
   }

   .what-sets-features {
      font-size: 12px;
      line-height: 1;
   }

   .what-sete-properties-sln-apart {
      gap: 0px;
      position: relative;
      width: 100%;
   }

   /* .welcome-img-top {
      opacity: 10%;
   } */

   .what-sets-logos-txt {
      gap: 5px;
      align-items: flex-start;
   }

   .sets-side-img {
      position: absolute;
      right: 0;
      top: 0;
   }

   .layout-section {
      padding: 2rem 0 0 0;
   }

   .plan-btn {
      padding-top: 22px;
      gap: 10px;
   }

   .nav-item .master-plan-btn {
      width: 240;
      height: 60;
      opacity: 1;
      border-radius: 2px !important;
      gap: 10px;
      border-width: 1px;
      border: 0.6px solid #784C1F;
      font-family: 'Urbanist';
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 0px;
      text-align: center;
      color: #784C1F;
      padding: 1px 21px;
   }
   /* .welcome-sln {
      height: 440px;
   } */

   .coming-soon-properties {
      font-size: 12px;
      padding: 5px 17px;
      border-radius: 2px;
      color: #605A5A;
   }

   .iframe-content {
      flex-direction: column;
      padding-top: 1rem;
   }

   .nav-item .forlocationbutton {
      font-size: 14px;
   }

   .location-txt {
      font-size: 12px;
      padding: 10px 0;
      font-weight: 300;
   }

   .location-academy {
      gap: 5px;
   }

   .location-academy-txt {
      gap: 0px;
      padding: 0;
   }

   .entire-content {
      width: 100%;
      padding-top: 20px;
   }

   /* .inamenbutton {
      padding-left: 10px !important;
      padding-right: 10px !important;
   } */
   .rowcontent {
      padding: 0 10px;
   }

   .form-of-details-page {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 0;
   }

   .propertiesenquiryform input,
   .propertiesenquiryform textarea {
      width: 90%;
      padding: 8px 10px;
      font-size: 16px;
      font-weight: 400;
   }

   .propertiesenquiryform input::placeholder {
      font-size: 16px;
      font-weight: 300;
   }

   .propertiesenquiryform textarea::placeholder {
      font-size: 14px;
      font-weight: 300;
   }

   .properties-submit-btn {
      font-size: 16px;
      padding: 4px 73px;
      border-radius: 2px;
   }

   .contact-btn {
      padding: 1rem 0;
   }

   .form-bgimg {
      background-image: url(../images/properties-details-imgs/form-bgimg-m.png);
      padding: 0;
   }

   .master-plan-txt {
      font-size: 16px;
      padding: 4px 23px;
      border-radius: 4px;
   }

   .lockWithContent {
      gap: 10px;
   }

   .crafted-everyday-indulgence {
      padding-top: 4rem;
   }

   .visiting-places-name {
      font-size: 12px;
      padding: 5px 6px;
   }

   .one-step-closer {
      background: #FFFFFF;
      width: 100%;
      border: 0.5px solid #E2B87E;
      position: relative;
      border-radius: 10px;
   }

   .form-top-img {
      opacity: 20%;
   }

   .form-bottom-img {
      opacity: 20%;
   }

   .form-first-step {
      padding-bottom: 3rem;
   }

   .enquiry-now-modal-details {
      text-align: center;
      font-family: 'Butler';
      font-weight: 700;
      font-size: 34px;
      letter-spacing: 0px;
      background: linear-gradient(180deg, #32721F -31.63%, #506736 204.08%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      /* for Firefox */
      color: transparent;
      margin-bottom: 20px;
   }

   .formfieldsdetails {
      padding: 0px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 14px;
   }

   .formfieldsdetails input {
      border-radius: 6px;
      border-width: 0.5px;
      padding: 10px;
      background-color: #FCFCFC;
      border: 0.5px solid #FFC366;
      font-family: 'Urbanist';
      font-weight: 600;
      font-size: 14px;
      letter-spacing: 0px;
      color: #494444;
      padding: 9px 10px;
   }

   .labelwithfliedDetails::placeholder {
      color: #888888;
      font-weight: 300;
   }

   .formpopupdetails input:focus {
      border: 0.5px solid #FFC366;
   }

   .submit-properties {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .submit-enquiry-form-m-details {
      width: 244.00000407548538;
      height: 44.00000073492359;
      border-radius: 5px;
      gap: 10px;
      background: linear-gradient(186.43deg, #32721F 5.08%, #004225 94.92%);
      font-family: 'Urbanist';
      font-weight: 600;
      font-size: 26px;
      letter-spacing: 0px;
      text-transform: capitalize;
      color: #FFC366;
      width: 70%;
      border: 1px solid #32721F;
   }

   .nav-item .master-plan-btn.active {
      background: linear-gradient(356deg, #E2B87E 0%, #936319 100%) !important;
      border: 0.6px solid #9363193D;
      color: #FDFDFD !important;
   }

   .images-btn-commmingsoon {
      position: absolute;
      /* top: 50%; */
      width: 100%;
      display: flex;
      justify-content: center;
      transform: translateY(0%);
      pointer-events: none;
      align-items: center;
      gap: 20px;
   }

   .soon-button-next,
   .soon-button-prev {
      background: linear-gradient(180deg, #936319 0%, #E2B87E 100%);
      border-radius: 50%;
      padding: 1px 8px;
   }

   .soon-button-prev,
   .soon-button-next {
      cursor: pointer;
      pointer-events: auto;
      /* make arrows clickable */
   }

   .soon-button-next::after,
   .soon-button-prev::after {
      font-size: 20px;
      color: #fff;
   }

   /* .heading-for-welcome::after {
    content: "";
    position: absolute;
    top: 50%;                 
    transform: translateY(-50%);
    left: 100%;               
    width: 340px;            
    height: 2px;
    background-color: #0b3d0b;
   } */
   .popup-box-details {
      width: 90%;
   }

   .popup-head-details {
      font-size: 42px;
      padding-bottom: 10px;
   }

   .navcontentdetails {
      font-family: 'Butler';
      font-weight: 500 !important;
      font-size: 22px !important;
      letter-spacing: 0px;
      color: #2e2e2e !important;
   }
   .nav-header-container-details {
      background: url(../images/nav-background.png);
   }

   .navcontentdetails.active {
      font-weight: 700 !important;
      color: #C27F18 !important;
   }

   .navitemdetails .navcontentdetails.active {
      background: none;
      font-weight: 700 !important;
      color: #C27F18 !important;
   }

   .links-details {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
   }

   .navitemdetails {
      list-style: none;
      width: 100%;
      border-bottom: 1.5px solid #C2BCB34F;
   }

   .navitemdetails a {
      padding: 26px 20px;
   }

   .floor-txt {
      padding: 1px 26px !important;
   }

   .submit-enquiry-form-pro-details {
      font-size: 30px;
      width: 80%;
   }

   .formfieldsdetails .labelenquirydetails input {
      padding: 7px 8px;
      border-radius: 4px;
      font-size: 20px;
   }


   .submitbtn-d-details {
      padding: 16px;
   }

   .master-plan-img {
      max-width: 100%;
      border-radius: 2px;
      border: 1px solid;
      border-image-source: linear-gradient(180deg, #936319 0%, #E2B87E 100%);
      border-image-slice: 1;
   }

   .banner-heading-details {
      font-family: 'Butler';
      font-weight: 500;
      font-size: 32px;
      letter-spacing: 0px;
      color: #77501B;
      line-height: 34px;
   }

   .background-banner-img-details {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-end;
   }

   .bannersec {
      background-image: url(../images/properties-details-imgs/home-banner-mobile-details.webp);
      background-position: center;
      background-size: cover;
   }

   .banner-content-details {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      padding-top: 2rem;
   }

   .banner-paragraph-details {
      font-family: 'Urbanist';
      font-weight: 500;
      font-size: 14px;
      letter-spacing: 2.8px;
      color: #77501B;
      margin-bottom: 10px;
   }

   .amount-banner-details {
      font-family: 'Poppins';
      font-weight: 600;
      font-size: 26px;
      letter-spacing: 0px;
      line-height: 1;
      padding: 4px 0;
      width: 100%;
      text-align: center;
      margin-bottom: 14px;
   }

   .amount-banner-details span {
      font-family: 'Poppins';
      font-weight: 300;
      font-size: 14px;
      letter-spacing: 0px;
   }

   .sqft-of-details {
      font-size: 18px;
      padding: 11px 0px;
   }

   .sqft-of-details span {
      font-size: 14px;
   }

   .units-of-details {
      font-weight: 600;
      font-size: 18px;
      /* padding: 11px 40px; */
   }
   .sqft-with-units{
      width: 80%;
   }

   .units-of-details span {
      font-weight: 400;
      font-size: 14px;
   }

   .sqft-with-houses {
      font-size: 18px;
      padding: 8px 0px;
      width: 80%;
   }

   .details-sqft {
      font-size: 14px;
      font-weight: 400;
   }

   .details-amt {
      font-weight: 600;
      font-size: 16px;
   }

   .banne-right-img-m {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 80%;
   }

   .home-bg-first-details {
      position: relative;
      z-index: 9;
   }

   .banner-top-left-img {
      position: absolute;
      left: 0;
      bottom: 0;
      top: 80%;
   }

   .all-top-imgs {
      position: relative;
      z-index: 9;
   }

   .what-sets-sln-nidhi-palms::after {
      content: "";
      position: absolute;
      bottom: 8%;
      left: 70px;
      width: -webkit-fill-available;
      height: 0.8px;
      transform: translateY(-50%);
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%);
      border-radius: 10px;
   }

   .what-sets-sln-nidhi-palms {
      width: 98%;
   }

   .visualize-the-elegance-of-nidhi-palms::after {
      content: "";
      position: absolute;
      bottom: 9%;
      left: 210px;
      width: -webkit-fill-available;
      height: 0.8px;
      transform: translateY(-50%);
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%);
      border-radius: 10px;
   }

   .visualize-the-elegance-of-nidhi-palms {
      width: 98%;
   }

   .crafted-for-everyday-indulgence::after {
      content: "";
      position: absolute;
      bottom: 9%;
      left: 122px;
      width: -webkit-fill-available;
      height: 0.8px;
      transform: translateY(-50%);
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%);
      border-radius: 10px;
   }

   .crafted-for-everyday-indulgence {
      width: 98%;
   }

   .a-connected-yet-quite-address::after {
      content: "";
      position: absolute;
      bottom: 9%;
      left: 95px;
      width: -webkit-fill-available;
      height: 0.8px;
      transform: translateY(-50%);
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%);
      border-radius: 10px;
   }

   .a-connected-yet-quite-address {
      width: 98%;
   }

   .thoughtful-layout-designed-around-you {
      width: 98% !important;
   }

   .thoughtful-layout-designed-around-you::after {
      content: "";
      position: absolute;
      bottom: 9%;
      left: 230px;
      width: -webkit-fill-available;
      height: 0.8px;
      transform: translateY(-50%);
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%);
      border-radius: 10px;
   }

   .connected-both {
      display: flex;
      justify-content: flex-start;
      width: 100%;
   }

   .visialize-elegance-img {
      position: relative;
      width: 100%;
      max-width: 90%;
   }

   .popup-form-close-btn-details {
      position: relative;
      left: 18px;
      bottom: 16px;
      cursor: pointer;
      width: 30px;
      height: 30px;
   }

   .close-modal-details {
      display: flex;
      justify-content: flex-end;
   }

   .popup-form-close-btn-details-m {
      position: relative;
      left: 4px;
      bottom: 14px;
      cursor: pointer;
   }

   .footer-logo-details {
      width: 82px;
      height: 87px;
   }

   .expansive-living {
      line-height: 20px;
   }

   .sundaram-palams-sqft {
      padding: 11px 6px;
   }

   .sundaram-palams-units {
      padding: 11px 34px;
   }

   .sundaram-palams-houses {
      padding: 8px 40px;
   }

   .nav-pills .sqft-bhk {
      font-weight: 400;
      font-size: 12px;
   }

   .sqft-bhk.active {
      font-weight: 500;
      padding: 6px 16px;
   }

   .sqft-bhk {
      padding: 4px 5px !important;
   }

   .toggle-buttons-of-sqft {
      gap: 10px;
      justify-content: space-evenly;
      padding-right: 0 !important;
   }

   .first-floor {
      width: 100% !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .floors-txt {
      font-size: 18px;
   }

   .allfloor {
      width: 70%;
   }

   .toggle-buttons-of-sqft {
      border-radius: 8px;
   }

   .floors-nav {
      display: flex;
      justify-content: space-between;
      position: relative;
      bottom: 16rem;
      z-index: 9;
   }

   .floors-left-right {
      background: linear-gradient(180deg, #936319 0%, #E2B87E 100%);
      border-radius: 500px;
      padding: 2px 8px;
   }

   .allfloorplans {
      position: relative;
   }

   .blog-img {
      width: 100%;
   }

   .master-plan-txt-sold {
      font-size: 18px;
      font-weight: 500;
      padding: 3px 22px;
   }

   .sold-form {
      font-size: 10px;
      margin-bottom: 0;
   }

   .sqft-of-vogue {
      padding: 11px 9px;
   }

   .units-of-vogue {
      padding: 11px 12px;
   }

   .sqft-with-vogue {
      padding: 8px 43px;
   }

   .sqft-of-palazzo {
      padding: 11px 9px;
   }

   .units-of-palazzo {
      padding: 11px 8px;
   }

   .houses-with-palazzo {
      padding: 8px 43px;
   }

   .nav-item.dropdown:hover>.nav-link {
      color: #936319 !important;
   }

   .nav-item.dropdown:hover .dropdown-menu {
      border: none;
   }

   .dropdown-item {
      font-family: 'Chronicle Display';
      font-weight: 375 !important;
      font-size: 20px;
      letter-spacing: 0.32px;
      text-align: center !important;
      text-transform: capitalize;
      color: #936319 !important;
   }

   .nav-item.dropdown:hover .dropdown-menu {
      display: contents;
   }

   .dropdown-menu li {
      width: 100%;
   }

   .highlights-sub-img {
      position: relative;
   }

   .vision-luxury-left {
      width: 100%;
   }

   .image-wrapper {
      
      border-radius: 2px;
      border-image-source: linear-gradient(180deg, #E2B87E 0%, #784C1F 100%);
      border-image-slice: 1;
   }
   .image-wrapper::after img {
      border: 2px;
      border-image-source: linear-gradient(180deg, #E2B87E 0%, #784C1F 100%);
      border-image-slice: 1;
   }
   .image-wrapper {
      border-radius: 1px;
   }

   .sqft-with-clubhouser {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: flex-start;
   }
   .paddingadjust{
      padding-left: 0 !important;
   }
   .floorpaln-fancy{
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .banner-paragraph-details::before, .banner-paragraph-details::after{
      height: 0.8px;
   }
   .locality-banner {
    font-weight: 400;
    font-size: 12px;
    /* width: 100%; */
    padding: 2px 70px;
    gap: 2px;
   }
   .rera-number {
    font-size: 12px;
    text-align: center;
    padding: 3px 20px;
    margin-bottom: 0;
    border-top-right-radius: 6px;
    position: absolute;
   }
   .rera-align{
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .desktop-banner-img-properties {
      width: -webkit-fill-available;
      z-index: 9;
      position: relative;
   }
   .near-palces {
    height: 150px;
   }
   .blog_lifestyle{
      width: 14px;
   }
   .what-sets-highlights-imgs-m{
    border-radius: 4px;
    border-width: 2px;
    border: 2px solid #E2B87E;
   }
   .back-to-top.active {
    opacity: 1 !important;
    visibility: visible !important;
   }
   .back-to-top {
    bottom: 60px;
    right: 20px;
    font-size: 18px;
    padding: 10px 14px;
    background: linear-gradient(180deg, #E2B87E 0%, #BC7512 100%);
    border: 1px solid #E2B87E;
   }
   .inamenbutton {
    gap: 40px;
   }
   .crafted-right-top-img {
    opacity: 40%;
   }
}

@media (min-width:901px) {
   .d-desktop {
      display: block;
   }

   .d-mobile {
      display: none;
   }

   .d-desktop1 {
      display: flex;
   }

   .d-mobile1 {
      display: none !important;
   }
   .palms-content{
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
   }
   
   .crafted-card:hover {
      background-image: url('../images/crafted-hover.webp');
   }

   .crafted-card:hover {
      transform: translateY(0px);
   }

   .both-crafted-and-vission {
      background-image: url('../images/home-background.avif');
      background-size: cover;
      background-position: center;
      border-bottom-left-radius: 200px;
   }

   .home-bg-img {
      background-image: url('../images/vision-background-img.avif');
      background-position: bottom;
   }

   /* banner */
   .bannersec {
      padding-top: 5rem;
      position: relative;
   }

   .background-banner-img {
      background-image: url('../images/banner-front-img.avif');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 615px;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
   }

   .banner-content {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 50%;
   }

   .both-button {
      display: flex;
      gap: 20px;
   }

   .crafted-card:hover {
      background: url('../images/crafted-hover.jpg');
      background-position: center;
      /* centers the image */
      background-repeat: no-repeat;

   }

   .card:hover {
      transform: scale(0.95);
      /* shrinks the height */
   }

   .crafted-content:hover {
      padding: 0 10px 10px;
   }

   .footer-sec-dets {
      padding-top: 5rem;
   }

   .navcontent.active {
      font-weight: 500 !important;
      background: linear-gradient(180deg, #FFD396 0%, #EEB362 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
   }

   .about-us-banner {
      background-image: url('../images/about-us-banner.webp');
      height: 400px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-size: cover;
        background-position: center;
   }

   .properties-banner {
      background-image: url('../images/properties-banner.webp');
      height: 400px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover;
   }

   .sln-property-div {
      position: relative;
      bottom: 50px;
   }

   .blogcontent:hover .desc {
      display: none;
   }

   .blogcontent:hover .read-more-btn {
      display: inline-block;
   }

   .enquiry_buttton_page:hover {
      background: linear-gradient(180deg, #E2B87E 0%, #BC7512 100%);
      color: rgba(255, 255, 255, 1);
      border-width: 0px, 0px, 4px, 4px;
      border-style: solid;
      border-color: #422800;
   }
   .whatsapp-buttton:hover{
      border-color: #422800;
   }

   .submit-btn:hover {
      background: linear-gradient(180deg, #936319 0%, #DD9E46 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      border: 1px solid #936319;
   }

   .viewproperties:hover {
      color: #784C1F;
      background: #FBFBFB;
      border: 1px solid #784C1F;
   }

   .banner-btn:hover {
      background: #FFFFFF;
      border: 1px solid #784C1F;
      color: #784C1F;
   }

   .three-m {
      background-image: url('../images/m3-img-m.avif');
   }

   .back-to-top.active {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
   }

   .back-to-top:hover {
      background: #FFFFFF;
      border: 1px solid #E2B87E;
      color:#E2B87E ;
   }

   .properties-enquiry-btn:hover {
      background: green,
         linear-gradient(180deg, rgba(226, 184, 126, 0.6) 0%, rgba(230, 163, 69, 0.6) 100%) border-box;
      color: #fff;
   }

   .properties-view-btn:hover {
      background: linear-gradient(#e6ede9, #e6ede9)padding-box,
         /* button fill */
         linear-gradient(180deg, rgba(226, 184, 126, 0.6) 0%, rgba(230, 163, 69, 0.6) 100%) border-box;
      color: #784C1F;
   }

   .palms-enquiry-btn:hover {
      background-color: #784C1F;
      border: 2px solid #784C1F;
      color: rgb(237 221 197);
   }

   .palms-view-btn:hover {
      color: #F9B454;
      border: 3px solid #F9B454;
      background: #fff;
   }

   .logo-with-content {
      padding: 1rem 0 2rem 0;
   }

   .latest {
      padding: 3rem 1rem 1rem 1rem;
   }

   .bannerbtn:hover {
      background: linear-gradient(180deg, #784C1F 0%, #E2B87E 100%);
      /* border: 1.5px solid #FFFFFF; */
      color: #FFFFFF;
   }

   .our-vission-left-bottom {
      position: absolute;
      bottom: 0;
      left: -3%;
   }

   .blog-img img {
      width: 100%;
      height: 420px;
   }

   .living-harmony-homes::after {
      content: url(../images/quote.webp);
      position: relative;
      bottom: 70px;
      left: 70%;
      font-size: 0px;
      color: rgba(0, 0, 0, 0.1);
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
   }

   .swiper-slide-active::after {
      opacity: 1;
   }

   .livedream {
      padding-top: 60px !important;
   }

   .crafted-content-img {
      padding: 60px 0;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
   }

   .input_search input {
      font-weight: 400 !important;
      color: #3e2104 !important;
   }

   .input_search .search-box::placeholder {
      color: #784C1F !important;
   }

   .blogSwiper .swiper-slide-active .swipercard .living-at-harmony {
      font-size: 28px;
   }

   .blogSwiper .swiper-slide-active .swipercard .author {
      font-size: 32px;
   }

   .blogSwiper .swiper-slide-active .swipercard .address {
      font-size: 28px;
   }

   .blogSwiper .swiper-wrapper {
      align-items: center !important;
   }

   .next-prev {
      display: flex;
      justify-content: space-between;
      padding-top: 1rem;
      position: relative;
      bottom: 23rem;
   }

   .aura {
      padding: 18px;
   }

   .view-property:hover {
      border-color: #ddab66;
      color: #ffffff;
      background: linear-gradient(180deg, #E2B87E 0%, #BC7512 100%);
   }

   .beyond-construction-img {
      padding: 3rem 0;
   }

   .beyond-content-img {
      padding: 0;
   }

   .properties-enquiry-btn:hover {
      background: linear-gradient(180deg, #784C1F 0%, #936319 100%) padding-box,
         linear-gradient(180deg, rgba(226, 184, 126, 0.6) 0%, rgba(230, 163, 69, 0.6) 100%) border-box;
      color: #FFFFFF !important;
   }

   .properties-enquiry-btn:hover span,
   .properties-enquiry-btn:hover i {
      background: none;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: #FFFFFF;
      color: #FFFFFF;
   }

   .top-leaf-white {
      display: none;
   }

   .submit-enquiry-form-m:hover {
      color: #784C1F;
      background: linear-gradient(180deg, #EDB86E 0%, #965700 111.13%);
   }

   .palms-details {
      border-top: 1px solid #FFEACE;
      border-bottom: 1px solid #FFEACE;
   }

   .sln-property-div {
      border-left: 6px solid #845E22;
      border-bottom: 6px solid #845E22;
      border-radius: 6px;
   }

   .properties-details-btn:hover {
      background: #FFFFFF;
      background: linear-gradient(180deg, #E2B87E 0%, #936319 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      /* for Firefox */
      color: transparent;
      border: 1px solid #E2B87E;
   }

   .master-txt {
      padding: 17px 42px !important;
   }

   .background-banner-img-details {
      background-image: url('../images/properties-details-imgs/both.avif');
      display: flex;
      justify-content: center;
      align-items: center;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
   }

   .banner-content-details {
      width: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      /* padding-top: 4rem; */
   }

   .banner-top-right-img {
      position: absolute;
      right: 0;
      z-index: 99;
      width: 20%;
   }

   .sqft-with-houses span {
      font-size: 24px;
      font-weight: 400;
   }

   .coming-soon-properties-details {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 60px;
   }

   .blog-banner-img-thumbnail {
      height: 500px !important;
      width: 100%;
      object-fit: contain;
   }

   .form-control {
      width: 70% !important;
      padding: 12px 12px 12px 20px !important;
      font-size: 28px !important;
   }
   .rera-number {
        position: absolute;
        right: 0;
        bottom: 0px;
        z-index: 99;
    }
}

@media (max-width:320px) {
   .banner-btn {
      padding: 5px 14px;
   }
   .nameofsln {
      font-size: 10px;
   }
   .villasSqft {
      font-size: 10px;
   }
   .both-button {
      display: flex;
      justify-content: space-evenly;
   }

   .contact_community {
      padding: 0px 17px;
   }

   .banner-btn {
      font-size: 12px;
   }

   .bannerbtn {
      font-size: 12px;
   }

   .banner-heading {
      padding: 0;
   }

   .building-more-than-homes-m {
      width: fit-content;
   }

   .building-homes {
      font-size: 20px;
   }

   .details-of-projects {
      padding: 4rem 0;
      gap: 40px;
   }

   .details-of-number {
      font-size: 80px;
   }

   .complete-p {
      font-size: 22px;
   }

   .properties-blogs {
      font-size: 14px !important;
   }

   .blog-heading {
      font-size: 16px;
   }

   .desc {
      margin-top: 5px;
   }

   .properties-blogs.active {
      margin: 0px 4px 0 4px;
   }

   .banner-paragraph-details::before,
   .banner-paragraph-details::after {
      width: 80px;
   }

  .inamenbutton {
    gap: 20px;
}


   /* .swiper-prev-next-btn {
      bottom: 70px;
   } */
   .properties-enquiry-btn {
      padding: 8px 12px;
      line-height: 1;
   }

       .properties-view-btn {
        padding: 8px 6px;
        line-height: 1;
    }

   .sqft-of-details {
      font-size: 16px;
   }
   .contactus_heading {
      padding: 0 10px !important;
      font-size: 20px !important;
   }
}
@media (width:360px) {
      .visualize-the-elegance-of-nidhi-palms::after {
      bottom: 10%;
      }
}
@media (width:480px) {
   .crafted-for-everyday-indulgence::after {
      bottom: 9%;
   }
   .thoughtful-layout-designed-around-you::after {
      bottom: 8%;
   }
   .visualize-the-elegance-of-nidhi-palms::after {
      bottom: 8%;
   }
}
@media (width:430px) {
   .what-sets-sln-nidhi-palms::after {
        bottom: 9%;
   }
}
@media (width: 384px) {
   .crafted-for-everyday-indulgence::after {
      bottom: 8%;
   }
   .a-connected-yet-quite-address::after {
        bottom: 8%;
   }
}
@media (width: 375px) {
   .crafted-for-everyday-indulgence::after {
      bottom: 8%;
   }
   .a-connected-yet-quite-address::after {
        bottom: 8%;
   }
   .thoughtful-layout-designed-around-you::after {
        bottom: 8%;
   }
}

@media (width:712px) {
   .swipercard {
      width: 550px;
   }
   .what-sets-sln-nidhi-palms::after {
      bottom: 9%;
      left: 380px;
   }
   .visualize-the-elegance-of-nidhi-palms::after {
        bottom: 9% !important;
    }
   
   .properties-are-here {
      max-width: 650px !important;
      padding-top: 3rem;
   }
   .lets-understand{
      max-width: 710px !important;
   }
   .enquiryforms input {
        font-size: 28px;
    }
    .blogdetail {
        width: 80%;
    }
   .abouts-us-background {
   background-position: top;
   }
    .visualize-the-elegance-of-nidhi-palms::after {
        bottom: 10%;
       }
}

@media (min-width:700px) and (max-width:900px) {
   .three-m {
      background-position: center;
   }
       .vision-luxury-right {
       
        height: 270px;

       }

   .banner-heading {
      font-size: 32px;
   }

   .formfields {
      gap: 30px;
   }

   .enquiry-close {
      padding: 22px;
   }

   .enquiry-now-modal {
      font-size: 38px;
   }

   .living-at-harmony {
      font-size: 18px;
      line-height: 20px;
   }

   .author {
      font-size: 20px;
   }

   label {
      font-size: 24px;
   }

   form input {
      width: 100%;
      padding: 20px 10px;
   }

   form input {
      font-size: 28px;
   }

   form input::placeholder {
      font-size: 28px;
   }

   .enquiryform input {
      padding: 20px 0px;
      font-size: 26px;
   }

   .contact-btn {
      padding: 2rem 0;
   }

   .submit-btn {
      padding: 14px 50px;
      width: 90%;
   }

   .adressofcontact {
      font-size: 16px;
      line-height: 20px;
   }

   .contactadress {
      font-size: 20px;
      line-height: 28px;
   }

   .lets-starts {
      font-size: 16px;
   }

   .navcontent {
      font-size: 40px !important;
   }

   .links {
      gap: 40px;
   }

   .banner-heading {
      font-size: 40px;
      line-height: 50px;
   }

   .foundationsec {
      padding-left: 40px;
      padding-right: 40px;
   }

   .latest {
      width: 100% !important;
   }

   .allcontentfooter {
      width: 100%;
   }

   .redefining-future-left {
      width: 100%;
   }

   .redefining-future-right {
      width: 100%;
   }

   .properties-banner {
      height: 450px;
   }

   .properties-heading {
      font-size: 48px;
      line-height: 60px;
   }

   .find-your-space {
      font-size: 36px;
      line-height: 43px;
   }

   .find-your-space-txt {
      font-size: 20px;
      line-height: 30px;
   }

   .palms-head {
      font-size: 34px;
      margin-bottom: 12px;
   }

   .space-city {
      font-size: 18px;
   }

   .palms-content {
      font-size: 16px;
      line-height: 22px;
   }

   .properties-villa-m {
      width: 40px;
   }

   .nameofsln {
      font-size: 20px;
   }

   .properties-hr {
      margin: 4px;
   }

   .enquiry-view-btn {
      justify-content: center;
      gap: 30px;
   }

   .properties-enquiry-btn {
      padding: 0px 20px;
   }

   .toogleproperties {
      padding: 20px 0px;
      justify-content: space-around !important;
   }

   .properties-blogs {
      font-size: 34px !important;
      padding: 2px 16px !important;
   }

   .palms-view-btn {
      font-size: 18px;
      padding: 4px 14px;
   }

   .palms-enquiry-btn {
      font-size: 18px;
   }

   .space-img {
      height: 400px;
   }

   .swiper-prev-next-btn {
      bottom: 43px;
   }

   .enquiryforms {
      gap: 30px;
   }

   .livedream {
      height: 600px;
   }
   .properties-listing-status{
      max-width: 710px !important;
   }
   .properties-card {
        width: fit-content;
   }
   .announced-soon {
        font-size: 52px;
   }
   .properties-listing-flex{
         display: flex;
         justify-content: center;
         align-items: center;
   }
   .blogdetail {
      width: 80%;
    }
   .abouts-us-background {
      background-position: top;
    }
   .find-your-space-bgimg {
   height: 400px;
   }
   .heading-for-welcome{
      max-width: 900px !important;
      text-align: center;
     
   }
   .connectedadj{
      max-width: 900px !important;
   }
   .visualize-the-elegance-of-nidhi-palms::after {
      bottom: 10%;
      left: 63%;
   }
   .form-bgimg {
      padding-top:3rem ;
   }
   .blogTabsSwiper .swiper-wrapper {
      justify-content: space-between !important;
   }
   .thoughtful-layout-designed-around-you::after {
      left: 65%;
      bottom: 10%;
   }
   .crafted-for-everyday-indulgence::after {
      left: 58%;
   }
   .a-connected-yet-quite-address::after {
      left: 56%;
   }
   .what-sets-sln-nidhi-palms::after {
        left: 54%;
   }
   .highlights-sub-img {
        width: 100%;
    }
    .formfieldsdetails .labelenquirydetails input {
      padding: 17px 8px;
   }
}

@media (min-width:901px) and (max-width:950px) {
   .banner-btn {
      font-size: 20px;
   }
   .visiting-places-name {
    font-size: 18px;
   }

   .bannerbtn {
      font-size: 20px;
      padding: 9px 53px;
   }

   .both-button {
      gap: 4px;
   }

   .harmony-content {
      width: 50%;
      padding-right: 10px;
   }

   .harmony-box {
      width: 50%;
   }

   .harmony-images {
      width: 100%;
   }

   .crafting-rooted {
      font-size: 42px;
      line-height: 50px;
   }

   .ten-experience {
      top: 64%;
   }

   .ten-plus {
      font-size: 56px;
   }

   .years-of-experience {
      font-size: 22px;
   }

   .crafted-content-img {
      padding-bottom: 40px;
   }

   .bothofvision-bg {
      max-width: 856px !important;
   }

   .vision-right-first {
      padding-top: 10px;
   }

   .viewproperty {
      margin: 20px 0;
   }

   .next-prev {
      max-width: 860px !important;
   }

   .vision-right-third {
      font-size: 18px;
   }

   .foundationsec {
      padding-bottom: 0;
   }

   .vision-luxury {
      font-size: 48px;
   }

   .contactcont {
      max-width: 890px !important;
   }

   .contactus {
      padding: 18px 19px;
      gap: 8px;
      flex-direction: column;
   }

   .popup-box {
      width: 90%;
   }

   .projects-deliverd-width {
      width: 100%;
   }

   .delivered-first {
      font-size: 42px;
   }

   .allcrafted-card {
      gap: 20px;
      padding: 0 10px;
   }

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

   .navbar-expand-md .navbar-nav {
      gap: 20px;
   }

   .building-homes {
      font-size: 52px;
   }

   .building-more-than-homes {
      width: 100%;
   }

   .mission-of-aboutUs {
      max-width: 950px !important;
   }

   .our-mission-and-vission {
      bottom: 327px;
   }

   .our-vission {
      font-size: 16px;
      line-height: 20px;
   }

   .vission-mission {
      font-size: 30px;
   }

   .our-mission-vission-left-right {
      width: 20%;
   }

   .viewproperties {
      font-size: 24px;
   }

   .beyond-construction {
      width: 50%;
      padding: 2rem 1rem;
   }

   .beyond-construction-img {
      width: 50%;
   }

   .commitment-extends-beyond {
      width: 100%;
   }

   .extends-beyond {
      font-size: 36px;
      line-height: 40px;
   }

   .redefining-future {
      font-size: 44px;
      line-height: 57px;
   }

   .redefining-future-left {
      width: 280px;
   }

   .details-of-number {
      font-size: 70px;
   }

   .detailsOfWidth {
      width: 100%;
   }

   .complete-p {
      font-size: 22px;
   }

   .properties-heading {
      font-size: 70px;
      line-height: 74px;
   }

   .find-your-space {
      font-size: 40px;
   }

   .find-your-space-txt {
      padding: 0;
   }

   .properties-adjust-container {
      max-width: 820px !important;
   }

   .sln-img-vogue {
      width: 100%;
   }

   .palms-head {
      font-size: 40px;
   }

   .space-city {
      font-size: 22px;
   }

   .space-city {
      margin: 2px;
   }

   .palms-content {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 0;
   }

   .properties-hr {
      margin: 3px;
   }

   .enquiry-view-btn {
      margin-top: 12px;
   }

   .properties-view-btn {
      font-size: 20px;
      padding: 2px 12px;
   }

   .properties-enquiry-btn {
      font-size: 20px;
      padding: 2px 18px;
   }

   .prev-next {
      bottom: 16rem;
   }

   .space-img {
      padding: 20px 10px 20px 0;
      gap: 3px;
   }

   .toogleproperties {
      justify-content: center;
   }

   .properties-blogs {
      font-size: 18px !important;
   }

   .palms-view-btn {
      font-size: 16px;
      padding: 6px 18px;
      gap: 0;
   }

   .palms-enquiry-btn {
      font-size: 16px;
      padding: 6px 20px;
      gap: 0;
   }

   .upcoming-heading {
      font-size: 32px;
   }
   .lets-understand{
      max-width: 910px !important;
   }

   .contactus_heading {
      font-size: 65px;
   }

   .contact_community {
      font-size: 15px;
      line-height: 31px;
   }

   .blogscontaioner {
      max-width: 900px !important;
   }

   .blog-heading {
      cursor: pointer;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }

   .desc {
      cursor: pointer;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }

   .blogdetail {
      width: 426px;
   }
   .qualityadjustment{
      max-width: 930px !important;
   }
   .details-of-projects {
      flex-direction: column;
   }
   .contact-footer-address {
    font-size: 10px;
   }
   .navcontentdetails {
    font-size: 18px !important;
   }
   .banner-heading-details {
    font-size: 36px;
    line-height: 36px;
   }
   .amount-banner-details {
    font-size: 44px;
    padding: 10px 10px;
   }
   .locality-banner {
    font-size: 22px;
    padding: 2px 10px;
   }
   .divide-both-rera{
      width: 100%;
   }
   .units-of-details {
    font-size: 26px;
   }
   .sqft-of-details span {
    font-size: 18px;
   }
   .rera-number {
    font-size: 14px;
   }
   .form-of-details-page {
    font-size: 42px;
   }

   .sqft-of-details{
      font-size: 28px;
   }
   .what-sete-properties-sln-apart {
    width: 40%;
   }
   .heading-for-welcome {
    font-size: 30px;
   }
   .container{
      max-width: 870px !important;
   }
   .sold-form {
    font-size: 22px;
   }
   .navigationcontentdetails {
    padding: 6px 30px;
   }
   .banner-content-details {
      width: 50%;
   }
   .firsty-plan {
      gap: 30px;
   }
   .navigationcontent {
    padding: 0px 20px 8px;
   }
   .builder-sections {
    gap: 10px;
   }
   .blogSwiper .swiper-slide-active .swipercard .living-at-harmony {
      font-size: 24px;
   }
   .living-at-harmony {
      -webkit-line-clamp: 3;
   }
   .allblogs {
    font-size: 30px !important;
   }
   .submit-btn {
      padding: 10px 53px;
   }
   .enquiryforms input::placeholder {
      font-size: 30px;
   }
   .nameofsln {
    font-size: 14px;
   }
   .sln-both-img-txt {
    gap: 2px;
   }
   .palms-details {
    gap: 16px;
   }
   .villasSqft {
    font-size: 13px;
   }
  
}

@media (width:853px) {
    .visualize-the-elegance-of-nidhi-palms::after {
        bottom: 11%;
    }
       
}
@media (min-width:1000px) and (max-width:1050px) {
   .both-button {
      gap: 10px;
   }

   .projects-deliverd-width {
      width: 100%;
   }

   .delivered-second {
      font-size: 14px;
   }

   .delivered-first {
      font-size: 36px;
   }

   .allcrafted-card {
      gap: 8px;
      padding: 0 10px;
   }

   .crafted-card {
    height: auto;
   }

   .harmony-content {
      width: 50%;
   }

   .harmony-box {
      width: 50%;
   }

   .harmony-images {
      width: 100%;
   }

   .foundationsec {
      background-position: right;
   }

   .swipercard {
      width: 520px;
   }

   .building-more-than-homes {
      width: 100%;
   }

   .vission-mission {
      font-size: 22px;
   }

   .redefining-future {
      font-size: 36px;
   }

   .redefining-future-txt {
      font-size: 18px;
      line-height: 26px;
   }

   .viewproperties {
      font-size: 24px;
      padding: 15px 20px;
   }

   .complete-p {
      font-size: 26px;
   }

   .beyond-construction {
      width: 50%;
   }

   .beyond-construction-img {
      width: 50%;
   }

   .commitment-extends-beyond {
      width: 100%;
   }

   .beyond-construction {
      padding: 1rem 3rem;
   }

   .space-img {
      width: 50%;
   }

   .properties-view-btn {
      padding: 2px 16px;
      gap: 6px;
      font-size: 20px !important;
   }

   .properties-enquiry-btn {
      padding: 7px 30px !important;
      gap: 6px;
      font-size: 20px !important;
   }

   .sln-img-vogue {
      width: 100%;
   }

   .palms-enquiry-btn {
      padding: 2px 26px !important;
   }

   .palms-view-btn {
      padding: 2px 18px !important;
   }

   .navbar-expand-md .navbar-nav {
      gap: 30px;
   }

   .allcontentfooter {
      font-size: 20px;
   }

   .contactus_heading {
      font-size: 62px;
   }
   .contact-footer-address {
    font-size: 12px;
   }
   .amount-banner-details {
        font-size: 30px !important;
        padding: 10px 60px;
    }
    .locality-banner {
        padding: 7px 50px !important;
        font-size: 16px !important;
    }
   .nidhi-sqft {
    padding: 13px 7px;
   }
   .divide-both-rera {
      width: 90%;
   }
   .banner-heading-details {
      font-size: 34px !important;
      line-height: 40px;
    }
   .navigationcontentdetails {
      padding: 6px 30px;
   }
   .what-sets-content {
      gap: 0px !important;
   }
   .navigationcontent {
      padding: 0px 20px 8px;
   }
   .enquiry-buttton {
      font-size: 18px;
   }
   .builder-sections {
      gap: 10px !important;
   }
   .banner-btn {
    padding: 9px 26px;
   }
   .bannerbtn {
    padding: 9px 50px;
   }
   .next-prev {
      bottom: 23rem !important;
   }
}

@media (min-width:1000px) and (max-width:1200px) {
   .crafted-heading {
      font-size: 44px;
   }
   .rounded {
    width: 90%;
   }
   .allcrafted-card {
      gap: 8px;
   }

   .crafting-rooted {
      font-size: 42px;
      line-height: 48px;
   }

   .sln-content {
      font-size: 16px;
      line-height: 24px;
   }

   .vision-luxury {
      font-size: 44px;
   }

   .vision-right-first {
      font-size: 36px;
   }

   .vision-right-second {
      font-size: 22px;
   }

   .vision-right-third {
      font-size: 18px;
      line-height: 24px;
   }

   .villas {
      font-size: 12px;
   }

   .info-about-villas {
      padding: 0;
      justify-content: space-evenly;
   }

   .viewproperty {
      margin: 3px 0 20px;
   }

   .vission-mission {
      font-size: 22px;
   }

   .our-mission {
      font-size: 22px;
   }

   .our-vission {
      font-size: 16px;
      line-height: 22px;
   }

   .our-mission-and-vission {
      height: 339px;
   }

   .redefining-future {
      font-size: 38px;
      line-height: 44px;
   }

   .redefining-future-txt {
      font-size: 20px;
      line-height: 32px;
   }

   .extends-beyond {
      font-size: 38px;
      line-height: 44px;
   }

   .palms-head {
      font-size: 42px;
   }

   .space-city {
      font-size: 22px;
      margin: 6px;
   }

   .palms-content {
      font-size: 14px;
      line-height: 20px;
   }

   .nameofsln {
      font-size: 20px;
   }

   .properties-enquiry-btn {
      padding: 7px 24px;
      font-size: 24px;
   }

   .properties-view-btn {
      padding: 7px 24px;
      font-size: 24px;
   }

   .properties-blogs {
      font-size: 26px !important;
   }

   .palms-details {
      gap: 16px;
   }

   .villasSqft {
      font-size: 12px;
   }

   .palms-enquiry-btn {
      padding: 2px 23px;
      font-size: 22px;
   }

   .palms-view-btn {
      padding: 2px 23px;
      font-size: 22px;
   }

   .properties-adjust-container {
      max-width: 1100px !important;
   }

   .both-img-content-space {
      gap: 8px;
   }

   .contact_community {
      font-size: 18px;
   }

   .contact_dream {
      font-size: 46px;
   }

   .contactus_heading {
      font-size: 68px;
   }

   .blog-heading {
      font-size: 24px;
      line-height: 30px;
   }

   .desc {
      font-size: 15px;
      line-height: 20px;
   }

   .banner-heading {
      font-size: 48px;
      line-height: 56px;
   }

   .next-prev {
      bottom: 19rem;
   }

   .navcontentdetails {
      font-size: 19px !important;
   }

   .heading-for-welcome {
      font-size: 38px;
   }

   .what-sets-content {
      gap: 10px;
   }

   .banner-heading-details {
      font-size: 44px;
   }

   .banner-paragraph-details {
      font-size: 24px;
   }

   .amount-banner-details {
      font-size: 40px;
   }

   .amount-banner-details span {
      font-size: 24px;
   }

   .sqft-of-details {
      font-size: 24px;
   }

   .sqft-of-details span {
      font-size: 18px;
   }

   .units-of-details {
      font-size: 26px;
   }

   .sqft-with-houses {
      font-size: 22px;
      padding: 9px 97px;
   }

   .sqft-with-houses span {
      font-size: 18px;
   }

   .bannersecdetails {
      padding-top: 6rem;
   }

   .visialize-elegance-img {
      position: relative;
      width: 100%;
   }

   /* .crafted-content {
      padding: 0px 7px 10px;
   } */

   .view-property {
      margin-top: 18px;
   }

   .building-more-than-homes {
      width: 100%;
   }

   .visiting-places-name {
      font-size: 18px;
   }
  #gallery{
      overflow-x: hidden;
  }
  .locality-banner {
    padding: 2px 90px;
    font-size: 16px;
  }
   .what-sete-properties-sln-apart {
      width: 50% !important;
   }
   .nav-pills .sqft-bhk {
    font-size: 18px;
   }
   .firsty-plan {
    gap: 36px;
   }
   .blogSwiper .swiper-slide-active .swipercard .living-at-harmony {
        font-size: 20px;
   }
   .builder-sections {
    gap: 20px;
   }
   .navbar-expand-md .navbar-nav {
    gap: 20px;
   }
}

@media (min-width:1210px) and (max-width:1300px) {
   .banner-heading {
      font-size: 52px;
      line-height: 58px;
   }

   .properties-enquiry-btn {
      padding: 7px 40px;
   }
   .blogSwiper .swiper-slide-active .swipercard .living-at-harmony {
        font-size: 23px;
    }

   .properties-view-btn {
      padding: 7px 31px;
   }

   .heading-for-welcome {
      font-size: 48px;
   }

   .banner-heading-details {
      font-size: 54px;
   }

   .amount-banner-details {
      font-size: 50px;
   }

   .amount-banner-details span {
      font-size: 26px;
   }

   .sqft-of-details {
      font-size: 28px;
   }

   .sqft-of-details span {
      font-size: 20px;
   }

   .units-of-details {
      font-size: 32px;
   }

   .sqft-with-houses {
      font-size: 30px;
      padding: 13px 71px;
   }

   .sqft-with-houses span {
      font-size: 20px;
   }
   .locality-banner {
    font-size: 20px;
   }
   
   .what-sete-properties-sln-apart {
      width: 50%;
   }
}

@media (min-width:1280px) and (max-width:1370px) {
   .properties-adjust-container {
      max-width: 1280px !important;
   }
   .nav-pills .sqft-bhk{
      padding: 5px;
   }
}

@media (min-width:1440px) {
   .nav_button_design {
      width: 24% !important;
   }

   .articles-search {
      justify-content: center;
      align-items: center;
   }

   .heading-for-welcome {
      font-size: 56px;
   }
   .rounded {
    width: 90%;
}
   
}
@media (width:768px) {
   .thoughtful-layout-designed-around-you::after {
      bottom: 11%;
   }
   .visualize-the-elegance-of-nidhi-palms::after {
      bottom: 11%;
   }
   .crafted-for-everyday-indulgence::after {
      bottom: 10%;
   }
   .a-connected-yet-quite-address::after {
      bottom: 10%;
   }
}
@media (min-width:390px) and (max-width:420px) {

   .banner-heading {
      font-size: 34px;
      line-height: 36px;
   }

   .banner-paragraph {
      font-size: 14px;
      line-height: 20px;
      padding: 0px 10px;
   }

   .banner-btn {
      font-size: 18px;
      padding: 5px 15px;
   }

   .bannerbtn {
      font-size: 18px;
   }
}

@media (min-width:424px) and (max-width:900px) {
   .banner-heading {
      font-size: 34px;
      line-height: 40px;
   }

   .banner-paragraph {
      font-size: 14px;
      line-height: 20px;
   }

   .bannerbtn {
      font-size: 20px;
   }

   .banner-btn {
      font-size: 18px;
   }

   .navitemdetails a {
      padding: 35px 20px;
   }

   .navcontentdetails {
      font-size: 33px !important;
   }
}

@media (min-width:1903px) {
   .our-vission-right-bottom {
      top: 120px;
   }
   .what-sete-properties-sln-apart {
    width: auto;
   }
   .what-sets-content {
    gap: 20px;
}
}

@media (min-width:2560px) {
   .our-vission-right-bottom {
      top: 5px;
   }
   .banner-heading-details {
    font-size: 96px;
    line-height: 126px;
   }
   .banner-paragraph-details {
    
    font-size: 58px;
   }
   .amount-banner-details {
      margin-bottom: 25px;
   }
   .locality-banner {
      margin-bottom: 25px;
   }
   .rounded {
    width: 100%;
}
}
@media (width: 414px) {
   .crafted-for-everyday-indulgence::after {
      bottom: 8%;
   }
   .a-connected-yet-quite-address::after {
      bottom: 8%;
   }
}
@media (width:820px) {
   .thoughtful-layout-designed-around-you::after {
      bottom: 11%;
   }
   .crafted-for-everyday-indulgence::after {
      bottom: 10%;
   }
   .a-connected-yet-quite-address::after {
      bottom: 10%;
   }
}