:root {
            /* === NEW THEME: SUNSET GOLD & RICH BROWN === */
            --theme-primary-color: #C58C4A;     /* Rich, warm gold from the sunset/watch */
            --theme-primary-darker: #A97437;    /* Darker gold for hover effects */
            --theme-primary-lightest: #EADAC6;  /* Soft, creamy highlight color */
            
            --text-heading-color: #4F433A;      /* Deep, warm brown for headings */
            --text-primary-dark: #5C524A;       /* Softer warm brown for body text */
            --text-primary-light: #F2EBE2;     /* Warm off-white for text on dark BG */
            
            /* Backgrounds and Borders */
            --bg-dark-section: #2A231E;         /* Very dark espresso/chocolate brown */
            --bg-light: #F8F4F0;               /* Warm, light cream for section backgrounds */
            --bg-neutral: #FFFFFF;             /* White for high contrast cards */
            --border-color: #E0D8CE;           /* Warm, light-brownish border */
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--text-primary-dark);
            background-color: var(--bg-light);
            line-height: 1.6;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            color: var(--text-heading-color);
        }
        
        p, small, li {
            color: var(--text-primary-dark);
        }
        
        .section-padding { padding: 60px 0; }
        .section-title { text-align: center; margin-bottom: 40px; font-size: 2.5rem; color: var(--text-heading-color); }
        .section-title::after { content: ''; display: block; width: 60px; height: 3px; background-color: var(--theme-primary-color); margin: 10px auto 0; }

        .btn-brand {
            background-color: var(--theme-primary-color);
            color: var(--text-primary-light); 
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
            font-weight: 600;
            border: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .btn-brand:hover { 
            background-color: var(--theme-primary-darker); 
            color: var(--text-primary-light); 
            transform: translateY(-3px); 
            box-shadow: 0 6px 20px rgba(197, 140, 74, 0.2);
        }
        
        .button a.read-more, .button > a.read-more {
            display: inline-block;
            padding: 10px 30px;
            background-color: transparent;
            border: 2px solid var(--theme-primary-color);
            color: var(--theme-primary-color);
            border-radius: 50px;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 0.5px;
            transition: all 0.3s ease;
        }

        .button a.read-more:hover, .button > a.read-more:hover {
            background-color: var(--theme-primary-color);
            color: var(--text-primary-light);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(197, 140, 74, 0.3);
        }

        /* Navbar */
        .navbar { background-color: var(--bg-neutral); box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding-top: 0.5rem; padding-bottom: 0.5rem; transition: padding 0.3s ease, background-color 0.3s ease; }
        .navbar .navbar-brand h2 { color: var(--text-heading-color); margin: 0; font-size: 1.5rem; }
        .navbar .nav-link { color: var(--text-primary-dark); font-weight: 500; padding: 0.5rem 1rem; transition: color 0.3s ease; }
        .navbar .nav-link:hover, .navbar .nav-link.active { color: var(--theme-primary-color); }
        .navbar-toggler { border: 1px solid var(--theme-primary-color); }
        .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%234F433A' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
        
        /* Hero Section (Slider) - Unchanged as requested */
        #intro { padding: 0; }
        .carousel-caption { background: rgba(42, 35, 30, 0.6); }
        .pad{margin-top:10px}

        /* ====== NEW PRICE SECTION STYLES START ====== */
        .price-card {
            background-color: var(--bg-neutral);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.07);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-align: center;
            border: 1px solid var(--border-color);
            cursor: pointer;
            height: 100%;
        }
        .price-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        .price-card .config {
            padding: 25px 20px;
            border-bottom: 1px solid var(--border-color);
        }
        .price-card .config .bhk-type {
            font-size: 2rem;
            font-family: 'Playfair Display', serif;
            color: var(--text-heading-color);
            line-height: 1.2;
        }
        .price-card .config .size-label {
            font-size: 0.9rem;
            font-weight: 500;
            color: #777;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .price-card .value {
            background-color: var(--theme-primary-color);
            color: var(--text-primary-light);
            padding: 15px 20px;
            font-weight: 700;
            font-size: 1.4rem;
        }
        .price-card .value small {
            font-size: 0.9rem;
            font-weight: 500;
            color: rgba(242, 235, 226, 0.9);
        }
        /* ====== NEW PRICE SECTION STYLES END ====== */
        .blacc {
  color: #443A33;
  text-decoration: none;
}
        /* About Project Section */
        #about-project { background-color: var(--bg-neutral);scroll-margin-top: 50px; }
        #about-project .project-highlight { background-color: #FFEDDB; padding: 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 20px; border-left: 5px solid var(--theme-primary-color); }
        #about-project .project-highlight h4 { color: var(--text-heading-color); margin-bottom: 15px; }
        #about-project .project-highlight p { margin-bottom: 0.5rem; color: var(--text-primary-dark); }
        #about-project .project-highlight p strong { color: var(--text-heading-color); }
        .marr {
  margin-bottom: 15px !important;
}

        /* Why Choose Us Section */
        #why-choose-us { background-color: #FFEDDB; scroll-margin-top: 50px;}
        .usp-item { text-align: center; padding: 25px 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 8px; background-color: #FFEDDB; height: 100%; }
        .usp-item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
        .usp-item .icon { font-size: 2.8rem; color: #755939; margin-bottom: 15px; display: inline-block; background-color: rgba(91, 73, 51, 0.1); width: 80px; height: 80px; line-height: 80px; border-radius: 50%; }
        .usp-item h4 { font-size: 1.25rem; margin-bottom: 10px; color: var(--text-heading-color); font-family: 'Poppins', sans-serif; font-weight: 600; }
        
        /* Amenities Section */
        #amenities { background-color: var(--bg-neutral); scroll-margin-top: 50px;}
        .amenity-item { display: flex; align-items: center; background-color: var(--bg-light); padding: 15px; border-radius: 8px; margin-bottom: 20px; transition: transform 0.3s ease, box-shadow 0.3s ease; border-left: 4px solid transparent; height:150px; }
        .amenity-item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); border-left-color: var(--theme-primary-color); }
        .amenity-item .icon { font-size: 1.8rem; color: var(--theme-primary-color); margin-right: 15px; min-width: 30px; text-align: center; }
        .amenity-item div strong { font-weight: 600; color: var(--text-heading-color); }
        .amenity-item div small { color: var(--text-primary-dark); font-size: 0.85rem; }
        .full-width {
  width: 100%;
}
        .full-width img {
  width: 100%;
  margin-bottom: 40px !important;
}

        /* Location Connectivity List Items */
        ul.list-unstyled li i.fa-check-circle { color: var(--theme-primary-color) !important; }

        /* Floor Plans Section */
        #floor-plans { background-color: var(--bg-light); scroll-margin-top: 50px;}
        .floor-plan-img-wrapper { position: relative; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); cursor: pointer; }
        .floor-plan-img-blurred { display: block; width: 100%;  transition: filter 0.3s ease, transform 0.3s ease; }
        .floor-plan-img-wrapper:hover .floor-plan-img-blurred {  transform: scale(1.05); }
        .floor-plan-img-wrapper .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; background-color: rgba(197, 140, 74, 0.85); padding: 10px 15px; border-radius: 5px; text-align: center; font-weight: bold; opacity: 0; transition: opacity 0.3s ease; font-size: 1rem; }
        .floor-plan-img-wrapper:hover .overlay-text { opacity: 1; }

.floor-plans-images {
  display: flex;
  gap: 15px;
}
.div-floor {
  border: 2px #774B2A solid;
}
img {
  max-width: 100%;
}
.main-div-1 {
  margin: 20px 0;
}
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table th {
  background-color: #BD8749 !important;
  letter-spacing: 0em;
  text-transform: uppercase;
  color: #fff;
}
table td, table th {
  border: 1px solid #a8a8a8;
  background-color: #fff0dd;
  padding: 6px;
  text-align: center;
  font-size: 14px;
}

        /* Contact Us, Footer, Modals (Dark Background Sections) */
        #contact-us, footer, #pageLoadModal .modal-content, #generalEnquiryModal .modal-content, #myModal .modal-content {
            background-color: var(--bg-dark-section);
            color: var(--text-primary-light);
            scroll-margin-top: 50px;
        }
        #contact-us .section-title, #pageLoadModal .modal-title, #generalEnquiryModal .modal-title, #myModal .modal-title { color: var(--text-primary-light); }
        #contact-us .section-title::after { background-color: var(--theme-primary-color); }
        #contact-us .form-label, #pageLoadModal .form-label, #generalEnquiryModal .form-label, #myModal .form-label { color: var(--text-primary-light); opacity: 0.9; }
        #contact-us .form-control, #pageLoadModal .form-control, #generalEnquiryModal .form-control, #myModal .form-control { background-color: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); color: var(--text-primary-light); }
        #contact-us .form-control::placeholder, #pageLoadModal .form-control::placeholder, #generalEnquiryModal .form-control::placeholder, #myModal .form-control::placeholder { color: rgba(242, 235, 226, 0.6); }
        #contact-us .form-control:focus, #pageLoadModal .form-control:focus, #generalEnquiryModal .form-control:focus, #myModal .form-control:focus { border-color: var(--theme-primary-color); background-color: rgba(255,255,255,0.1); box-shadow: 0 0 0 0.25rem rgba(197, 140, 74, 0.25); }
        #contact-us .contact-info-item { display: flex; align-items: flex-start; margin-bottom: 25px; }
        #contact-us .contact-info-item .icon { color: var(--theme-primary-color); background-color: rgba(255,255,255,0.08); min-width: 45px; height: 45px; line-height: 45px; text-align:center; border-radius: 50%; margin-right: 15px; font-size: 1.2rem;}
        #contact-us .contact-info-item h4 { color: var(--theme-primary-color); font-family:'Poppins', sans-serif; font-size:1rem; margin-bottom: 5px; }
        #contact-us .contact-info-item p, #contact-us .contact-info-item a { color: var(--text-primary-light); opacity: 0.9; text-decoration: none; }
        #contact-us .contact-info-item a:hover { color: var(--theme-primary-lightest); }
        .carousel-inner {
  margin-top: 85px;
}
        
        /* Footer links */
        footer a { color: var(--theme-primary-lightest); text-decoration: none; }
        footer a:hover { color: var(--text-primary-light); text-decoration: underline; }
        footer p { color: rgba(242, 235, 226, 0.7); } /* Updated footer p color */
        
        /* Modal customizations */
        #pageLoadModal .modal-content, #generalEnquiryModal .modal-content, #myModal .modal-content { border: 2px solid var(--theme-primary-color); border-radius: 12px; }
        .modal-header .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
        #pageLoadModal .modal-header, #generalEnquiryModal .modal-header, #myModal .modal-header { border-bottom: 1px solid rgba(255,255,255,0.2); }
        #myModal .modal-footer, #generalEnquiryModal .modal-footer { border-top: 1px solid rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.2); }
        #myModal .btn-default { background-color: rgba(255,255,255,0.2); color: var(--text-primary-light); border: none; }
        .modal-logo { border-radius: 8px; margin-bottom: 1rem; }

        /* Mobile Fixed Bottom Bar */
        .mobile-fixed-bottom-bar { background-color: var(--bg-dark-section); color: var(--text-primary-light); display: flex; justify-content: space-around; padding: 8px 0; z-index: 1030; box-shadow: 0 -2px 10px rgba(0,0,0,0.2); position: fixed; bottom: 0; left: 0; width: 100%;}
        .mobile-fixed-bottom-bar a { color: var(--text-primary-light); text-decoration: none; text-align: center; font-size: 0.75rem; flex-grow: 1; padding: 5px 0; transition: background-color 0.3s; }
        .mobile-fixed-bottom-bar a:hover { background-color: rgba(255,255,255,0.1); }
        .mobile-fixed-bottom-bar a:nth-child(1){ background-color: var(--theme-primary-color); color: var(--text-primary-light); font-weight: 600; }
        .mobile-fixed-bottom-bar a:nth-child(1):hover{ background-color: var(--theme-primary-darker); }
        .mobile-fixed-bottom-bar a i { display: block; font-size: 1.1rem; margin-bottom: 2px; }
        .mobile-fixed-bottom-bar a:nth-child(2) { border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); }
        .mobile-fixed-bottom-bar a:nth-child(3) { background-color: #25D366; }

        /* FAQ Section Accordion Styles */
        #faq { background-color: #FFEDDB; scroll-margin-top: 50px;}
        #faq .accordion-item { background-color: var(--bg-neutral); border: 1px solid var(--border-color); margin-bottom: 10px; border-radius: 8px !important; overflow: hidden; }
        #faq .accordion-button { color: var(--text-heading-color); background-color: var(--bg-neutral); font-weight: 600; }
        #faq .accordion-button:not(.collapsed) { color: var(--theme-primary-darker); background-color: rgba(197, 140, 74, 0.08); box-shadow: inset 0 -1px 0 var(--border-color); }
        #faq .accordion-button:focus { border-color: var(--theme-primary-color); box-shadow: 0 0 0 0.25rem rgba(197, 140, 74, 0.25); }
        #faq .accordion-body { color: var(--text-primary-dark); background-color: #fdfaf7; }
        #faq .accordion-button::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C58C4A'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }
        
        /* Location Quick Form */
        #location-quick-form { background-color: var(--bg-neutral); }
        #location-quick-form .form_wrap { background-color: var(--bg-light); padding: 30px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
        
        /* General Cleanup */
        html { scroll-behavior: smooth; }

        /* thankyou page css  */