*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
html{height:100%;}
body{background:#fff;color:#111;padding-top:85px;height:100%}
.bg-white {background-color: #ffffff !important;}
.bg-light {background: #f4f3ed !important;}
.text-white{color:#ffffff !important;}
.text-center{text-align:center !important;}
p{color:#555555;}



.footer-logo,.hero-content h1,.logo{font-family:'Playfair Display',serif}
.btn-brochure,.btn-cta,.btn-whatsapp,.footer-btn,.footer-col ul li a,.nav-links a{text-decoration:none}
.hero-buttons{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px;flex-wrap:wrap}
.btn-cta{color:#fff!important;box-shadow:0 10px 25px rgba(201,166,70,.35);display:inline-block;padding:12px 30px;background:#c9a74d;font-weight:500;border-radius:30px;transition:.3s}
.btn-cta:hover{box-shadow:0 14px 30px rgba(201,166,70,.45);background:#b8953f;transform:translateY(-2px)}
.footer-col ul li a:hover,.logo,.nav-links a:hover{color:#c9a646}
.btn-brochure:hover{background:#000;transform:translateY(-2px)}
.navbar{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:999;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.nav-container{display:flex;justify-content:space-between;align-items:center;padding:10px 8%}
.hero,.nav-links{align-items:center}
.logo{font-size:26px;font-weight:700}
.nav-links{display:flex;gap:35px}
.nav-links a{color:#333;font-weight:500;transition:.3s}
.btn-enquire{background:#c9a74d;color:#fff!important;padding:10px 20px;border-radius:30px}
.site-footer{background:#111827;color:#e5e7eb;padding:80px 8% 30px;margin-top:0}
.footer-container{display:grid;grid-template-columns:repeat(4,1fr);gap:50px}
.footer-logo{font-size:28px;color:#c9a646;margin-bottom:15px}
.footer-col h3{font-size:20px;margin-bottom:18px;color:#fff}
.footer-col p{font-size:15px;line-height:1.7;color:#cbd5e1}
.footer-col ul{list-style:none;padding:0}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{color:#cbd5e1;transition:.3s}
.footer-btn{display:inline-block;margin-top:10px;background:#c9a646;color:#fff;padding:12px 24px;font-weight:600;transition:.3s}
.footer-btn:hover{background:#b89536}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;font-size:14px;color:#9ca3af}
.footer-contact .contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:15px;color:#cbd5e1}
.contact-icon{font-size:16px;color:#c9a646;flex-shrink:0;margin-right:4px;margin-top:2px}
.menu-toggle{font-size: 28px;cursor: pointer;display:none;}
.hero{position:relative;width:100%;min-height:90vh;display:flex;justify-content:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:2}
.hero-content{position:relative;z-index:3;text-align:center;color:#fff;max-width:100%;margin:0 auto;padding:32px 30px}
.hero-content .btn-brochure,.hero-content .btn-cta{display:inline-block;margin:12px 14px;font-size:16px;border:none}
.hero-content h1{font-size:60px;margin-bottom:15px}
.hero-content p{font-size:18px;margin-bottom:25px;opacity:.95}
.section-gap{padding: 80px 8%;}
.amenities-header h2,.highlights h2,.testimonials h2,.why-choose h2{font-family:'Playfair Display',serif;font-size:42px;margin-bottom:40px}
.home-amenities .section-title,.luxury-text h2{font-size:40px;font-weight:600;font-family:"Playfair Display",serif}
.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.highlight-card{background:#f8f8f8;border-radius:10px;overflow:hidden;transition:.3s}
.highlight-card img{width:100%;height:360px;object-fit:cover;border-radius:20px 20px 0 0;display:block}
.highlight-card:hover img{transform:scale(1.03);transition:transform .5s}
.highlight-card h3{margin:15px 0 10px}.highlight-card p{padding:0 15px 20px}
.amenity-slide:hover,.highlight-card:hover{transform:translateY(-8px)}
.luxury{display:flex;align-items:center;justify-content:space-between;gap:60px;background:#f4f3ed}
.contact-left,.luxury-text,.main-content{flex:1;text-align:left;}
.luxury-text h2{margin-bottom:20px}
.about-text h2,.amenities-faq-section h2,.amenities-intro h2,.amenities-reviews h2,.amenity-card h3,.amenity-slide h3,.contact-card h3,.contact-hero .hero-title h1,.contact-hero h1,.contact-left h2,.cta h2,.hero-title h1,.inner-hero .hero-content h1,.location-card h4,.team-content h2,.team-content h3,.vm-card h3{font-family:'Playfair Display',serif}
.luxury-text p{font-size:18px;line-height:1.8;color:#555;max-width:520px;margin-bottom:30px}
.luxury-image{flex:1;display:flex;justify-content:center}
.luxury-image img{width:100%;max-width:820px;height:550px;object-fit:cover;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.15);transition:transform .5s,box-shadow .5s}
.luxury-image img:hover{transform:scale(1.03);box-shadow:0 30px 70px rgba(0,0,0,.25)}
.amenity-card,.inner-hero {align-items: center;display: flex}
.home-amenities{background:#1f2430}
.home-amenities .section-title{text-align:center;margin-bottom:50px;color:#fff}
.amenities-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap:25px}
.amenity-card{height:180px;justify-content:center;font-size:16px;font-weight:200;color:#fff}
.amenity-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.08)}
.hero-content .btn-gold {margin-top: 18px}
.cta {text-align: center;padding: 80px 20px}
.cta h2{font-size: 42px;margin-bottom: 45px}
.footer {background: #111;color: #fff;text-align: center;padding: 20px}
.page-wrapper{min-height: 100vh;display: flex;flex-direction: column}
.inner-hero {position: relative;width: 100%;height: 60vh;min-height: 420px;justify-content: center;overflow: hidden;text-align: center}
.inner-hero .hero-content {position: relative;z-index: 3;color: #ffffff;max-width: 750px;padding: 0 20px}
.inner-hero .hero-content h1 {font-size: 48px;margin-bottom: 12px}
.inner-hero .hero-content p {font-size: 18px;opacity: .95}
.about-intro {background: #f9f9f9}
.about-container {display: grid;grid-template-columns: 1.1fr 1fr;align-items: center;gap: 60px}
.about-text h2{font-size: 40px;margin-bottom: 20px;color: #1a1a1a}
.about-text p {font-size: 16px;line-height: 1.8;color: #555;margin-bottom: 18px}
.about-image {position: relative;border-radius: 26px;overflow: hidden;box-shadow: 0 25px 60px rgba(0, 0, 0, .15);transform: scale(1.02);transition: .4s}
.location-card,.team-large-card img {box-shadow: 0 15px 40px rgba(0, 0, 0, .08)}
.about-image img{width:100%;height:420px;object-fit:cover;display:block}
.about-image:hover{transform:scale(1.05);box-shadow:0 35px 80px rgba(0,0,0,.22)}
.about-image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(201,166,70,.18),transparent 60%);pointer-events:none}.vision-mission{display:flex;gap:30px;padding:60px 8%;background:#fafafa}
.vm-card{background:#fff;padding:30px;border-radius:10px;border:1px solid #eee;flex:1}
.vm-card h3{margin-bottom:15px}
.choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.choose-card{background:#f8f8f8;padding:25px;border-radius:8px;font-weight:600;transition:.3s}
.amenities-faq-card:hover,.choose-card:hover,.faq-card:hover{transform:translateY(-6px)}
.location-advantages,.testimonials{background:#f4f3ed;text-align:center}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.testimonial-card{background:#fff;padding:30px;border-radius:16px;border:1px solid #eee;text-align:left;position:relative;transition:.3s}
.testimonial-card:hover {transform: translateY(-8px);box-shadow: 0 20px 45px rgba(0, 0, 0, .08);}
.quote{font-size:40px;color:#c9a646;margin-bottom:10px}
.user{display:flex;align-items:center;gap:15px;margin-top:20px}
.user img{width:55px;height:55px;border-radius:50%;object-fit:cover}
.user h4{margin-bottom:3px}.user span{font-size:14px;color:#666}
.faq-grid-section{background:#fff;text-align:center}
.faq-grid-section h2,.location-header h2{font-family:'Playfair Display',serif;font-size:42px;margin-bottom:10px}
.faq-sub{max-width:750px;margin:auto auto 50px;color:#666}
.amenities-slider,.location-card,.location-slider{overflow:hidden;position:relative}
.amenities-faq-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.faq-card{background:#f9f9f9;padding:30px;border-radius:20px;border:1px solid #e6e6e6;text-align:left;transition:.3s}
.amenities-faq-card h3,.faq-card h3{font-size:18px;margin-bottom:15px;font-weight:600}
.amenities-faq-card p,.faq-card p{color:#555;line-height:1.7}
.location-header h3{font-size:24px;color:#c9a646;margin-bottom:15px}.location-header p{max-width:700px;margin:auto auto 40px;color:#555}
.location-card h4,.location-card span{left:20px;color:#fff;z-index:2;position:absolute}
.location-track{display:flex;gap:30px;display:flex;width:max-content;animation:30s linear infinite scrollSlider}.location-card{min-width:420px;width:100%;box-shadow:none;border-radius:28px;background:#000}
.amenities-intro,.amenity-card{text-align:center}
.location-card img{width:100%;height:280px;object-fit:cover;display:block}
.location-card h4{bottom:45px;font-size:18px;font-family:poppins}
.location-card span{bottom:20px;font-weight:200;font-size:15px}
.location-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.1));z-index:1}
.contact-hero .hero-title,.hero-title{z-index:3;padding:20px 30px;position:relative}
.amenities-slider:hover .amenities-track,.location-slider:hover .location-track{animation-play-state:paused}
.banner-sec{position:relative;width:100%;height:100%;max-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.hero-title {color: #fff;border-radius: 12px}
.hero-title h1 {font-size: 52px;letter-spacing: 1px}
.amenities-intro {padding: 90px 8% 70px}
.amenities-intro h2 {font-size: 40px;margin-bottom: 20px;color: #111111}
.amenities-intro p{max-width: 750px;margin: 0 auto;font-size: 18px;line-height: 1.8;color: #555}
.amenities-grid-section {padding: 40px 8% 80px}
.amenity-card {border-radius: 16px;overflow: hidden;border: 1px solid #eeeeee78;transition: .3s;}
.amenity-card img {width: 100%;height: 200px;object-fit: cover}
.amenity-card h3 {padding: 20px;font-size: 20px}
.amenity-card:hover {transform: translateY(-10px)}
.amenity-wrap {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;flex-direction: column;}
.amenity-icon {background: #c9a64570;height: 64px;width: 64px;display: flex;justify-content: center;align-items: center;border-radius: 50%;color:#c9a645;margin-bottom: 10px;font-size: 25px;}
.amenities-reviews {padding: 100px 8%;background: #fafafa;text-align: center}
.amenities-reviews h2{font-size: 40px;margin-bottom: 15px;color: #111111;}
.amenities-reviews>p {max-width: 700px;margin: 0 auto 60px;font-size: 17px;color: #666;line-height: 1.7}
.amenities-faq-section .faq-sub{max-width:650px;margin:auto auto 60px;color:#555;font-size:18px}
.amenities-faq-card{background:#fafafa;border:1px solid #e6e6e6;border-radius:20px;padding:30px;text-align:left;transition:.3s}
.btn-whatsapp,.popup-content,.team-large-card{text-align:center}
.team-section{background:#fff}
.team-wrapper{display:flex;gap:70px;align-items:center}
.team-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;flex:1}
.team-card {padding: 25px;border-radius: 16px;background: #f9f7f3;transition: 0.3s ease;border: 1px solid transparent;}
.team-card:hover {transform: translateY(-5px);border-color: #c9a74d;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);}
.team-large-card img{width:100%;height:280px;object-fit:cover;border-radius:24px;margin-bottom:15px}
.team-large-card h3{font-size:22px;margin-bottom:5px;color:#1f2430}
.team-large-card p{font-size:14px;color:#777}
.team-content{flex:1;max-width:450px}
.team-content h2{font-size:38px;margin-bottom:10px;color:#1f2430}
.team-content h3{font-size:32px;color:#c9a646;margin-bottom:20px;line-height:1.3}
.team-content p{color:#555;line-height:1.7;margin-bottom:25px;font-size:16px}
.amenities-slider-section{padding:90px 8%;background:#1f2430;text-align:center}
.amenity-slide{border:1px solid rgba(255,255,255,.08);background-color:#2a2f3c;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.amenity-slide h3{color:#111111;padding:18px 20px;font-size:18px;text-align:center;background-color:#fff;margin:0}
.amenity-slide img{width:100%;height:240px;object-fit:cover;display:block;filter:brightness(.9)}
.amenity-slide:hover{transform:translateY(-8px);}
.amenity-slide{min-width:360px;width:100%;background:#fff;border-radius:24px;overflow:hidden;border:1px solid #eee;transition:.3s}
.amenity-slide img{width:100%;height:240px;object-fit:cover}
.amenities-track{display:flex;gap:35px;width:max-content;animation:25s linear infinite amenitiesScroll}
.contact-premium a {color: #555;text-decoration: none;}
.contact-premium a:hover {color: #c9a64e;}
.amenities-hero .hero-bg,.contact-hero .hero-bg,.inner-hero .hero-bg{object-position:center top}
/*.amenities-reviews h2,.contact-hero .hero-title h1,.hero-title h1,.inner-hero .hero-content h1{font-size:28px}*/
.amenities-intro p,.inner-hero .hero-content p{font-size:15px}
.amenities-faq-grid,.faq-grid,.reviews-grid{grid-template-columns:1fr}
.amenities-intro{padding:70px 6% 50px}
/*.amenities-intro h2{font-size:26px}*/
/*.amenities-reviews{padding:70px 20px}*/
.reviews-grid{gap:25px;display: grid;grid-template-columns: repeat(3, 1fr);}
.review-card{background: #fff;padding: 35px 30px;border-radius: 18px;box-shadow: 0 10px 30px rgba(0, 0, 0, .05);text-align: left;transition: .3s;min-height: 200px}
.review-card:hover {transform: translateY(-8px);box-shadow: 0 20px 45px rgba(0, 0, 0, .08)}
.review-card p{font-size:15px,line-height: 1.8;color: #555;margin-bottom: 25px;font-style: italic}
.review-card h4{font-size: 18px;color: #c9a646;font-weight: 600}
.btn-gold,.btn-whatsapp{color:#fff;transition:.3s}
.contact-premium{background:linear-gradient(to bottom,#fff,#f6f4ef)}
.contact-wrapper{display:flex;gap:70px;align-items:flex-start;justify-content:space-between}
.contact-left h2{font-size:40px;margin-bottom:20px;color:#111}.btn-gold,.btn-whatsapp{font-size:16px;font-weight:600}
.contact-left p{color:#555;line-height:1.8;margin-bottom:40px;max-width:520px;font-size:16px}
.contact-details div{margin-bottom:25px}
.contact-details span{display:block;font-size:13px;color:#999;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}
.contact-details p{font-size:18px;font-weight:500;color:#222}
.contact-card{flex:1;max-width:520px;background:#fff;padding:48px 45px;border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.08);border:1px solid #eee}
.contact-card h3{margin-bottom:30px;font-size:32px;color:#111;text-align:left}
.premium-form{display:flex;flex-direction:column;gap:20px}
.premium-form input,.premium-form textarea{width:100%;padding:16px 18px;border-radius:14px;border:1px solid #e5e5e5;font-size:15px;outline:0;transition:.3s;font-family:Poppins,sans-serif;background:#fff}
.premium-form input:focus,.premium-form textarea:focus{border-color:#c9a646;box-shadow:0 0 0 2px rgba(201,166,70,.12)}
.premium-form textarea{resize:none}
.btn-gold{background:#c9a646;border:none;padding:16px;border-radius:14px;cursor:pointer}
.btn-gold:hover{background:#b89635}
.btn-whatsapp{display:block;background:#25d366;padding:15px;border-radius:14px;margin-top:10px}
.btn-whatsapp:hover{background:#1ebe5d}
.map-section{margin-top:0;border-radius:0;overflow:hidden}
.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:99999}
.popup-content{background:#fff;padding:30px 40px;border-radius:14px;max-width:380px;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:.3s popupFade}
.popup-content p{font-size:16px;margin-bottom:20px;color:#222}
.popup-content button{background:linear-gradient(135deg,#caa84a,#f5d77a);border:none;padding:10px 26px;border-radius:8px;font-weight:600;cursor:pointer}
.floating-contact{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:16px;z-index:9999}
.float-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:50px;font-weight:600;text-decoration:none;font-size:15px;letter-spacing:.3px;color:#fff;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.35);transition:.35s}
.float-btn::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition: 0.6s;}
.float-btn:hover::before {left: 100%;}
.float-btn i {font-size: 18px;line-height: 1;}
.float-btn:hover {transform: translateY(-4px) scale(1.03);box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);}
.call-btn {background: linear-gradient(135deg, #1f2430, #000000);}
.whatsapp-btn {background: linear-gradient(135deg, #25D366, #128C7E);}
.float-btn .icon {font-size: 18px;}
.float-btn .label {white-space: nowrap;}
.brochure-popup{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}
.popup-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1}
.popup-box{position:relative;background:#fff;padding:35px 30px;border-radius:18px;width:90%;max-width:420px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:.3s popupFade;z-index:2}
.popup-box h2{font-family:'Playfair Display',serif;margin-bottom:10px}
.popup-box p{color:#666;margin-bottom:20px}
.popup-box input{width:100%;padding:14px;margin-bottom:15px;border:1px solid #ddd;border-radius:10px;font-size:15px;outline:0}
.close-popup{position:absolute;top:12px;right:16px;font-size:26px;cursor:pointer}
.success-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(30px);display:flex;align-items:center;gap:14px;max-width:90%;width:max-content;background:rgba(31,36,48,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:16px 24px;border-radius:50px;font-size:15px;font-weight:500;line-height:1.5;box-shadow:0 20px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);opacity:0;visibility:hidden;transition:.45s;z-index:9999}
.toast-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#c9a646,#e5c56e);color:#000;font-weight:700;font-size:16px;flex-shrink:0}
.toast-text{max-width:420px}
.success-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.project-trust{background:#fff;padding:40px 8%;border-bottom:1px solid #eee}
.trust-container{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:center;gap:60px;text-align:center}
.trust-item h3{font-family:'Playfair Display',serif;font-size:26px;color:#1f2430;margin-top:6px}
.trust-label{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#c9a646;font-weight:600}
.trust-divider{width:1px;height:50px;background:linear-gradient(to bottom,transparent,#c9a646,transparent)}
.project-details{padding:100px 6%;background:#fff;text-align:center;overflow:hidden}
.project-details h2{font-family:'Playfair Display',serif;font-size:40px;margin-bottom:10px;color:#1f2430}
.details-subtitle{color:#555555;max-width:650px;margin:0 auto 50px;line-height:1.6;padding:0 10px}
.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;max-width:1100px;margin:auto;width:100%}
.detail-card{background:#ffffff;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);padding:25px 20px;border-radius:16px;transition:.35s;width:100%;box-sizing:border-box}
.detail-card:hover{transform:translateY(-6px);  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);}
.detail-label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#c9a646;font-weight:600}
.detail-card h3{margin-top:10px;font-size:16px;color:#555555;font-weight:600;word-break:break-word}
.sample-house{background:#fff;text-align:center;position:relative;overflow:hidden}
.sample-house::before{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(201,166,70,.12),transparent 70%);z-index:0}
.sample-container{max-width:800px;margin:auto;position:relative;z-index:2}
.sample-tag{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:#c9a646;font-weight:600}
.sample-house h2{font-family:'Playfair Display',serif;font-size:42px;margin:15px 0 20px;}
.sample-house p{margin-bottom:35px;}
.footer-social{margin-top:20px;display:flex;gap:15px}
.social-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;font-size:18px;color:#fff;min-width:42px;min-height:42px;  transition: all 0.3s ease, transform 0.2s ease;}
.social-icon.instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}
.social-icon.facebook{background:#1877f2}
.social-icon:active {transform: scale(0.95);}
.social-icon:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.25)}
#brochurePopup {display: none;}
.brochure-popup.active {display: block;}
.brochure-popup .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);z-index:9998}
.brochure-popup .popup-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:35px 30px;border-radius:18px;width:90%;max-width:420px;box-shadow:0 30px 80px rgba(0,0,0,.3);z-index:9999;text-align:center;animation:.3s popupFade}
.close-popup{position:absolute;top:12px;right:18px;font-size:24px;cursor:pointer}
.popup-box input{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:1px solid #ddd}
.project-trust {padding: 50px 8%;background: linear-gradient(to right, #f8f6f2, #ffffff);}
.trust-container{display:flex;align-items:center;justify-content:center;gap:40px;max-width:900px;margin:50px auto 0;padding:10px 20px;background:#fafafa;border-radius:30px;border:1px solid #ccc;font-size:14px}
.trust-i-wrap{display:flex;justify-content:space-between}
.trust-item{text-align:left;flex:1}
.date-label{text-align:right}
.trust-label{display:block;font-size:14px;color:#c9a74d;letter-spacing:1px;text-transform:uppercase;margin-bottom:0;font-weight:600}
.trust-i-wrap{display:flex;align-items:baseline}
.trust-item h3{font-size:18px;color:#222;font-weight:500;line-height:1.6;word-break:break-word;font-family:Poppins}
.trust-divider{width:1px;height:60px;background:linear-gradient(to bottom,transparent,#ddd,transparent)}
.visit-popup{display:none}.visit-popup.active{display:block}
.visit-popup .popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:9998}
.visit-popup .popup-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;padding:30px;background:#fff;border-radius:16px;text-align:center;z-index:9999;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.popup-box button{display:block;width:100%;border:none;margin:10px auto 0;}
.contact-link{color:#fff;text-decoration:none;font-weight:500;transition:.3s;cursor:pointer}
.project-details{background:#f4f3ed;text-align:center}
.project-details h2{font-size:40px;font-family:"Playfair Display",serif;margin-bottom:10px;color:#1a1a1a}
.details-subtitle{font-size:16px;color:#666;margin-bottom:50px;white-space:nowrap;text-overflow:ellipsis}
.floor-tabs {display: flex;flex-direction: column;gap: 10px;margin-bottom: 25px;}
.tab-btn {padding: 12px;border: 1px solid #aaa;background: transparent;cursor: pointer;font-weight: 500;}
.tab-btn.active{background:#5c8f2f;color:#fff;border:none}.floor-image img{width:100%;border-radius:10px;margin-bottom:40px}
.specifications h2{font-size:30px;margin-bottom:20px;text-align:left;}
.spec-item{border-bottom:1px solid #ccc}
.spec-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 0}
.spec-header h4{font-size:16px}
.spec-header span{font-size:20px}
.spec-content{max-height:0;overflow:hidden;transition:.3s;text-align:left}
.spec-content p{padding-bottom:20px}
.spec-content ul{padding:10px 0 15px 15px}
.spec-content li{margin-bottom:6px;font-size:14px}
.floor-header {text-align: center;margin-bottom: 50px;}
.section-tag {display: inline-block;font-size: 13px;letter-spacing: 2px;text-transform: uppercase;color: #c9a74d;margin-bottom: 10px;font-weight: 600;}
.floor-header h2 {font-size: 40px;font-family: "Playfair Display", serif;color: #1a1a1a;margin-bottom: 10px;}
.floor-header p {max-width: 650px;margin: 0 auto 40px auto;}
.floor-slider{position:relative;max-width:900px;margin:auto;overflow:hidden}
.slider-track{position:relative;border:1px solid #dadada}
.slide{width:100%;display:none;border-radius:0}
.slide.active{display:block}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;border:none;font-size:15px;padding:10px 18px;cursor:pointer;border-radius:50%;transition:.3s;z-index:2}
.slider-btn:hover{background:#c9a74d}
.prev{left:15px}
.next{right:15px}
.projects-section {background: #f4f3ed;}
.projects-container {max-width: 900px;margin: auto;border: 1px solid #e5e5e5;border-radius: 20px;padding: 40px 30px;background: #fff;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);}
.projects-header {text-align: center;margin-bottom:0px;}
.projects-header h2 {font-size: 40px;font-family: "Playfair Display", serif;color: #1a1a1a;}
.projects-grid {display: grid;gap: 20px;}
.project-card {background: #f9f9f9;padding: 25px;border-radius: 14px;text-align: center;transition: 0.3s ease;grid-row: 3;border: 1px solid #ccc;}
.project-card h3 {font-size: 42px;color: #c9a74d;margin-bottom: 5px;font-family: "Playfair Display", serif;}
.project-card p {font-size: 16px;color: #444;}
.project-card:hover {transform: translateY(-5px);background: #fff;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);  border: 1px solid #c9a74d;}
.logo-box {display: flex;align-items: center;gap: 8px}
.logo-text {display: flex;flex-direction: column;justify-content: center;}
.brand-name {font-size: 15px;font-weight: 600;color: #1a1a1a;letter-spacing: 0.5px;}
.project-name {font-size: 13px;color: #c9a74d;letter-spacing: 1px;}
.logo-img {width: 65px;height: auto;object-fit: contain;}
.herf-unline{text-decoration:none}.logo-text{display:flex;flex-direction:column;justify-content:center}
.brand-name{font-size:20px;font-weight:600}.project-name{font-size:17px;color:#c9a74d}
.developer-line{display:block;margin-top:8px;margin-bottom:12px;font-size:20px;color:#e6d3a3;letter-spacing:1px;font-weight:400}
.developer-line strong{color:#c9a74d;font-weight:600}
.logo-text{display:flex;flex-direction:column;justify-content:center}
.footer-btn {display: inline-block;margin-top: 10px;text-align: center;}
.cta-parallax { height: 400px;background:url('../Images/luxuary-image-hero.WebP');;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;position: relative;}
.cta-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgb(0 0 0 / 59%);}
.cta-content {position: relative;z-index: 2;color: #ffff;}
.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;z-index: 99999;}
.popup-overlay.active {opacity: 1;visibility: visible;}
.popup-content {background: #ffffff;padding: 25px 30px;border-radius: 14px;text-align: center;width: 90%;max-width: 320px;transform: translateY(30px);opacity: 0;transition: all 0.3s ease;}
.popup-overlay.active .popup-content {transform: translateY(0);opacity: 1;}
.popup-content button {margin-top: 15px;background: #c9a646;color: #fff;border: none;padding: 10px 18px;border-radius: 8px;cursor: pointer;}
.success-icon {font-size: 35px;color: #28a745;margin-bottom: 10px;}
.popup-overlay {backdrop-filter: blur(5px);}
.amenities-faq-section h2{font-size: 40px;line-height: 1.2;margin-bottom: 20px;}
.small-tag {font-size: 14px;letter-spacing: 1px;color: #888;margin-bottom: 10px;}
.map-section iframe{display:block;}

@keyframes scrollSlider {
  0% {
    transform: translateX(0)
  }

  100% {font-size: 40px;
    margin-bottom: 15px;
    color: #1f2430;
    transform: translateX(-50%)
  }
}

@keyframes amenitiesScroll {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-50%)
  }
}

@keyframes popupFade {
  from {
    transform: scale(.8);
    opacity: 0
  }

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

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes popupFade {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* ===================================== Media Queries ================================================ */
@media(max-width:1400px){
	.footer-container{gap:20px}

}
@media(max-width:1300px){
    .nav-container{padding:10px 4%}
    .site-footer{padding:80px 4% 30px;}
    .section-gap{padding:80px 4%;}
    .highlight-card img{height:300px}
    .luxury-image img{height:auto;max-height:100%;}

}
@media(max-width:1200px){
	.team-cards{gap:20px;width:100%}
	.about-intro{padding-bottom: 0 !important}
}
@media(max-width:1024px){
  .hero{min-height:75vh}
  .banner-sec{height:55vh}
  .inner-hero .hero-content h1{font-size:36px}
  .about-image img{height:360px}
  .hero-title h1{font-size:40px}
    .contact-wrapper {gap: 40px}

}
@media (max-width:992px) {
  .nav-container{padding:10px 20px;}
  .luxury {flex-direction: column;text-align: center}
  .luxury-text p {margin: 0 auto 25px}
  .luxury-image img {height: 380px}
  .amenities-grid,.footer-container{grid-template-columns:repeat(2,1fr)}
  .footer-container{gap:40px}
  .amenities-faq-grid,.faq-grid,.reviews-grid {grid-template-columns: repeat(2, 1fr)}
  .hero-content{padding:26px 22px}
  .hero-content .btn-brochure,.hero-content .btn-cta{display:inline-block;margin:12px 10px}
  .team-wrapper{flex-direction:column-reverse;align-items:center;text-align:center}
  .team-content{max-width:100%}
  .team-content h2{font-size:30px}
  .team-content h3{font-size:24px}
  .team-content p{font-size:15px}
  .team-large-card{display:flex;flex-direction:column;align-items:center}
  .team-large-card img{width:260px;height:260px}
  .contact-wrapper{flex-direction:column;align-items:center}.contact-card h3,.contact-left{text-align:center}
  .contact-left p{margin-left:auto;margin-right:auto}.contact-card{width:100%;max-width:560px}
  .details-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .project-details {padding: 80px 6%;}
  .sample-house {padding: 90px 7%;}
  .sample-house h2 {font-size: 34px;}
  .footer-social{justify-content:left;}
  .luxury-text{text-align:center;}
  .luxury-text p{max-width:100%;}



}
@media(max-width:900px) {
   .hero-content .btn-brochure, .hero-content .btn-cta {margin: 16px 18px}
   .success-toast {bottom: 25px;padding: 14px 20px;font-size: 14px;}
   .nav-links{gap:15px;}
   .brand-name ,.project-name{font-size:17px;}

}
@media (max-width:768px) {
    body{padding-top:70px;}
    .menu-toggle {display: block}
    .nav-links{position:absolute;top:100%;right:0;width:100%;background:#fff;flex-direction:column;align-items:center;gap:25px;padding:30px 0;display:none;box-shadow:0 10px 30px rgba(0,0,0,.08)}
    .nav-links.active {display: flex}
    .footer-contact .contact-item {justify-content: center;text-align: left}
    .about-hero{height:45vh;min-height:320px}
    .highlight-card img{height:220px}.location-track{gap:20px}
    .about-section,.luxury,.vision-mission{flex-direction:column}
    .hero h1{font-size:50px}.page-hero{font-size:28px;height:40vh}
    .location-card{min-width:280px}
    .location-card img{height:200px}
    .location-card h4{font-size:18px;text-align:left;}
    .amenity-slide img{height:180px}.amenity-slide{min-width:220px}
    .trust-container{flex-direction:column;gap:20px;text-align: center;}
    .trust-divider{width:60px;height:1px}
    .trust-item h3{font-size:22px}
    .details-subtitle { white-space: normal;text-align: center;}
    .floor-tabs {flex-direction: column;}
    .floor-header p {font-size: 14px;}
    .projects-container {padding: 30px 20px;}
    .project-card h3 {font-size: 34px;}
    .logo-img {width: 48px;}
    .btn-cta {padding: 11px 24px;font-size: 13px;}
    .amenities-header h2, .highlights h2, .testimonials h2, .why-choose h2 ,.cta h2{font-size:36px;margin-bottom:36px;}
    .home-amenities .section-title, .luxury-text h2 ,.faq-grid-section h2, .amenities-intro h2,.contact-left h2, .amenities-faq-section h2 ,.location-header h2 ,.floor-header h2 ,.project-details h2 ,.projects-header h2 ,.about-text h2{font-size:36px;}
    .trust-i-wrap{align-items:flex-start;flex-direction:column;}
    .date-label{text-align: left;}
    .team-cards{grid-template-columns:1fr;width:100%}
    .about-container{grid-template-columns:auto;gap:30px;}
    .about-image{max-width:90%;margin:0px auto;}


}
@media (max-width:600px) {
	body{padding-top:60px;}
    .hero-buttons{flex-direction:column;gap:14px}
    .btn-brochure,.btn-cta{width:100%;max-width:260px;text-align:center}
    .nav-links.active {display: flex}
    .site-footer{padding:60px 20px 20px}
    .footer-container{grid-template-columns:1fr;text-align:center}
    .footer-btn{margin:10px auto 0;}
    .hero-content{padding:24px 18px;max-width:100%}
    .hero-content .btn-brochure,.hero-content .btn-cta{display:block;width:100%;margin:12px auto;text-align:center}
    .hero{min-height:65vh}
    .banner-sec{height:40vh;background-position:center top}
    .banner-sec h1{font-size:40px}
    .contact-premium{padding:90px 20px 70px}
    .contact-left p{font-size:15px}
    .contact-card{padding:32px 24px;border-radius:18px}
    .contact-card h3{font-size:26px}
    .premium-form input,.premium-form textarea{font-size:15px;padding:14px 16px;border-radius:12px}
    .btn-gold,.btn-whatsapp{font-size:15px;padding:14px}
    .floating-contact {bottom: 20px;right: 15px;}
    .float-btn {width: 56px;height: 56px;border-radius: 50%;padding: 0;justify-content: center;}
    .float-btn .label {display: none;}
    .success-toast {bottom: 20px;left: 50%;transform: translateX(-50%) translateY(30px);width: 92%;border-radius: 18px;padding: 16px;gap: 12px;}
    .toast-text {font-size: 14px;line-height: 1.4;}
    .details-grid{grid-template-columns:1fr;gap:20px}
    .project-details{padding:60px 5%}
    .project-details h2{font-size:28px}
    .details-subtitle{font-size:15px}
    .detail-card{padding:26px 18px}
    .sample-house {padding: 70px 6%;}
    .sample-house h2 {font-size: 26px;}
    .sample-house p {font-size: 15px;}
    .footer-social{justify-content:center;}
    .section-gap{padding:50px 4%}
    .home-amenities .section-title, .luxury-text h2, .faq-grid-section h2,.amenities-reviews h2, .location-header h2, .floor-header h2, .amenities-intro h2, .project-details h2, .projects-header h2, .about-text h2{font-size:30px;}
    .amenities-header h2, .highlights h2, .testimonials h2, .why-choose h2 ,.cta h2{font-size:30px;margin-bottom:30px;}
    .spec-header h4{text-align:left;}
    .testimonial-grid ,.amenities-track{gap:20px;}
    .about-image{max-width:100%;}
    .projects-header{margin-bottom:30px;}
    .amenity-slide h3{font-size:18px;padding: 16px 15px;}
    .reviews-grid{grid-template-columns:1fr}
    .vision-mission{gap:20px;padding:50px 4%}


}
@media (max-width:576px) {
	.hero h1{font-size:45px;}
    .luxury{padding:60px 5%}
    .luxury-text h2{font-size:30px}
    .luxury-text p{font-size:16px}
    .luxury-image img{height:auto;border-radius:16px;max-width:100%;}
    .home-amenities{padding:80px 20px}
    .home-amenities .section-title{margin-bottom:40px}
    .amenities-grid{grid-template-columns:1fr;gap:20px}
    .amenity-card{height:150px;font-size:18px}
    .footer-social {justify-content: center;gap: 12px;}
    .social-icon {width: 38px;height: 38px;font-size: 16px;}
    .social-icon:hover {transform: none;}
    .project-trust {padding: 40px 5%;}
    .trust-container { padding: 20px;}
    .trust-item h3 {font-size: 16px;}
    .trust-i-wrap { flex-direction: column;}
    .date-label {text-align: left;margin-top:10px;}.specifications h2 {font-size: 22px;}
    .slider-btn {font-size: 13px;padding: 6px 10px;}
    .next{right:5px;}
    .prev{left:5px;} .projects-section {padding: 70px 5%;}
    .projects-header h2 {font-size: 26px;}
    .project-card {grid-row: auto;}
    .projects-section {padding: 70px 5%;}
    .logo-img {width: 42px;}
    .brand-name {font-size: 14px }
    .project-name {font-size: 14px;}
    .hero-content {display: flex;flex-direction: column;align-items: center;}
    .btn-cta {width: 100%; max-width: 280px;margin: 8px 0;padding: 12px;font-size: 14px;}
    .hero-content .btn-cta {margin-right: 0; margin-left: 0;}
    .footer-btn {width: 100%;max-width: 260px;display: block;margin:10px auto 0}




}
@media(max-width:320px){
    .logo-img {width:40px;}

}