/* =================================== DHA Margalla Enclave - Modern CSS Built from scratch - Clean & Optimized Primary Color:#8C003C (Crimson) Font:Poppins =================================== *//* ===== CSS VARIABLES ===== */:root{--primary-color:#8C003C;--primary-dark:#6b002e;--primary-light:#a30045;--text-dark:#2c2c2c;--text-gray:#444444;--text-light:#777777;--bg-white:#ffffff;--bg-light:#f8f9fa;--bg-gray:#f5f5f5;--border-color:#e0e0e0;--success-color:#25D366;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 32px rgba(0,0,0,0.16);--transition:all 0.3s ease;}/* ===== RESET & BASE ===== */*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:'Poppins',sans-serif;color:var(--text-dark);background:var(--bg-white);line-height:1.6;padding-top:84px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;transition:var(--transition);}button{font-family:inherit;cursor:pointer;border:none;background:none;}/* ===== SCROLL PROGRESS BAR ===== */#scroll-progress{position:fixed;top:80px;left:0;width:0%;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);z-index:9998;transition:width 0.1s ease-out;box-shadow:0 2px 8px rgba(140,0,60,0.3);}/* ===== CONTAINER ===== */.container{max-width:1200px;margin:0 auto;padding:0 24px;}@media (max-width:768px){.container{padding:0 16px;}}/* ===== HEADER ===== */header{position:fixed;top:0;left:0;right:0;height:80px;background:var(--bg-white);box-shadow:var(--shadow-sm);z-index:1000;}header .container{height:100%;display:flex;align-items:center;justify-content:space-between;}.logo a{display:flex;align-items:center;}.logo img{width:50px;height:50px;}/* ===== NAVIGATION ===== */nav{display:flex;align-items:center;}nav ul{display:flex;list-style:none;gap:32px;}nav ul li a{font-weight:500;font-size:15px;color:var(--text-dark);padding:8px 0;position:relative;}nav ul li a:hover,nav ul li a.active{color:var(--primary-color);}nav ul li a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color);}/* ===== MENU TOGGLE (Mobile) ===== */.menu-toggle{display:none;flex-direction:column;gap:5px;width:30px;height:24px;z-index:1001;}.menu-toggle span{width:100%;height:3px;background:var(--text-dark);border-radius:2px;transition:var(--transition);}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px);}.menu-toggle.active span:nth-child(2){opacity:0;}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}@media (max-width:768px){.menu-toggle{display:flex;} nav ul{position:fixed;top:80px;left:0;right:0;flex-direction:column;background:var(--bg-white);padding:24px;gap:0;box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);} nav ul.active{transform:translateY(0);opacity:1;visibility:visible;} nav ul li{border-bottom:1px solid var(--border-color);} nav ul li:last-child{border-bottom:none;} nav ul li a{display:block;padding:16px 0;} nav ul li a.active::after{display:none;}}/* ===== MAIN CONTENT ===== */main{min-height:calc(100vh - 80px);}section{padding:60px 0;background:var(--bg-white);}/* Alternating section backgrounds for better readability */section:nth-of-type(even){background:var(--bg-light);}@media (max-width:768px){section{padding:40px 0;}}/* ===== HERO SECTION ===== */.hero{padding:80px 0;text-align:center;background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);}.hero.small{padding:60px 0;background:var(--bg-light);}.hero h1{font-size:48px;font-weight:700;color:var(--text-dark);margin-bottom:16px;line-height:1.2;}.hero-subtitle{font-size:20px;color:var(--text-gray);margin-bottom:32px;font-weight:400;}.hero-image{margin:40px auto;max-width:800px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);}.hero-image img{width:100%;height:auto;object-fit:contain;display:block;}.hero-text{max-width:800px;margin:0 auto 40px;text-align:left;}.hero-text p{margin-bottom:16px;font-size:16px;line-height:1.8;color:var(--text-gray);}.breadcrumb{margin-top:24px;font-size:14px;color:var(--text-light);}.breadcrumb a{color:var(--primary-color);}.breadcrumb a:hover{text-decoration:underline;}@media (max-width:768px){.hero h1{font-size:32px;} .hero-subtitle{font-size:16px;} .hero-image{margin:24px auto;}}/* ===== BUTTONS ===== */.btn{display:inline-block;padding:14px 32px;font-size:15px;font-weight:500;border-radius:8px;transition:var(--transition);text-align:center;border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;}.btn:hover{background:var(--primary-color);color:var(--bg-white);transform:translateY(-2px);box-shadow:var(--shadow-md);}.btn-primary{background:var(--primary-color);color:var(--bg-white);}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);}.plot-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px;}@media (max-width:768px){.plot-buttons{flex-direction:column;} .btn{width:100%;}}/* ===== HEADINGS ===== */h2{font-size:36px;font-weight:600;color:var(--text-dark);margin-bottom:32px;text-align:center;}h3{font-size:24px;font-weight:600;color:var(--text-dark);margin:40px 0 24px;text-align:center;}h4{font-size:18px;font-weight:600;color:var(--text-dark);margin:24px 0 16px;}p{margin-bottom:16px;line-height:1.8;}ul,ol{margin:16px 0;padding-left:40px;line-height:1.8;}ul li,ol li{margin-bottom:12px;color:var(--text-gray);}section ul li strong,section ol li strong{color:var(--text-dark);}@media (max-width:768px){h2{font-size:28px;} h3{font-size:20px;} h4{font-size:16px;} ul,ol{padding-left:24px;}}/* ===== PAYMENT TABLES ===== *//* .payment-section background will be inherited from section alternating pattern */.table-container{background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:40px;}.table-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-white);padding:20px;font-size:18px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:0.5px;}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;}.payment-table{width:100%;border-collapse:collapse;font-size:14px;}.payment-table thead{background:var(--bg-light);}.payment-table th{padding:16px 12px;text-align:center;font-weight:600;color:var(--text-dark);border:1px solid var(--border-color);white-space:nowrap;}.payment-table th span{display:block;font-size:11px;font-weight:400;color:var(--text-gray);margin-top:4px;}.payment-table tbody tr{transition:var(--transition);}.payment-table tbody tr:hover{background:var(--bg-light);}.payment-table tbody tr:nth-child(even){background:#fafafa;}.payment-table tbody tr:nth-child(even):hover{background:var(--bg-light);}.payment-table td{padding:14px 12px;text-align:center;border:1px solid var(--border-color);color:var(--text-gray);}.payment-table tfoot{background:var(--bg-light);font-weight:500;}.payment-table tfoot td{padding:16px;text-align:center;color:var(--text-dark);}.payment-table.breakdown td:first-child{text-align:left;font-weight:500;}@media (max-width:768px){.payment-table{font-size:12px;} .payment-table th,.payment-table td{padding:10px 6px;}}/* ===== CTA SECTION ===== */.cta-section{text-align:center;margin-top:48px;}/* ===== FAQ SECTION ===== *//* .faq-section background will be inherited from section alternating pattern */.faq-grid{max-width:900px;margin:0 auto;}.faq-item{background:var(--bg-white);border-radius:12px;margin-bottom:16px;box-shadow:var(--shadow-sm);overflow:hidden;}.faq-question{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:16px;font-weight:500;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);cursor:pointer;}.faq-question:hover{background:var(--bg-light);}.faq-question i{color:var(--primary-color);transition:var(--transition);font-size:14px;}.faq-question[aria-expanded="true"] i{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}.faq-answer p{padding:0 24px 20px;color:var(--text-gray);line-height:1.8;}.faq-item.active .faq-answer{max-height:300px;}/* ===== CONTACT SECTION ===== */.contact-section{background:var(--bg-white);}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1000px;margin:0 auto;}.contact-form-wrapper h2,.contact-info h2{text-align:left;font-size:28px;margin-bottom:24px;}/* ===== FORM STYLES ===== */.form-group{margin-bottom:24px;}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark);}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:15px;color:var(--text-dark);transition:var(--transition);background:var(--bg-white);}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(140,0,60,0.1);}.form-group textarea{resize:vertical;min-height:120px;}input[name="honeypot"]{display:none !important;}/* Phone Input Group */.phone-input-group{display:flex;gap:10px;}.country-code-select{flex:0 0 200px;padding:14px 12px;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:14px;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);cursor:pointer;}.country-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(140,0,60,0.1);}.phone-number-input{flex:1;padding:14px 16px;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:15px;color:var(--text-dark);background:var(--bg-white);transition:var(--transition);}.phone-number-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(140,0,60,0.1);}.form-hint{display:block;margin-top:6px;font-size:13px;color:#666;font-style:italic;}.optional-label{font-weight:400;color:#999;font-size:14px;}.form-response{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:14px;display:none;}.form-response.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb;}.form-response.error{display:block;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}/* ===== CONTACT INFO ===== */.contact-info{display:flex;flex-direction:column;gap:24px;}.info-item{display:flex;gap:16px;padding:20px;background:var(--bg-light);border-radius:12px;}.info-item i{font-size:24px;color:var(--primary-color);flex-shrink:0;}.info-item h3{font-size:16px;margin:0 0 8px 0;text-align:left;}.info-item p,.info-item a{font-size:15px;color:var(--text-gray);margin:0;}.info-item a:hover{color:var(--primary-color);}@media (max-width:768px){.contact-grid{grid-template-columns:1fr;gap:32px;}}/* ===== FOOTER ===== */footer{background:var(--text-dark);color:#cccccc;padding:40px 0 24px;margin-top:60px;}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:24px;}.footer-links a{color:#cccccc;font-size:14px;}.footer-links a:hover{color:var(--primary-color);}footer p{text-align:center;font-size:14px;color:#999999;}@media (max-width:768px){.footer-links{flex-direction:column;align-items:center;gap:12px;}}/* ===== CONTACT WIDGET ===== */.contact-widget{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;background:var(--bg-white);border-radius:12px 0 0 12px;box-shadow:-4px 0 20px rgba(0,0,0,0.15);overflow:hidden;}.contact-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--bg-white);position:relative;transition:var(--transition);}.contact-btn i{font-size:24px;}.contact-btn span{position:absolute;right:70px;background:rgba(0,0,0,0.9);color:var(--bg-white);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(10px);transition:var(--transition);pointer-events:none;}.contact-btn span::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid rgba(0,0,0,0.9);border-top:6px solid transparent;border-bottom:6px solid transparent;}.contact-btn:hover span{opacity:1;visibility:visible;transform:translateX(0);}.contact-btn.whatsapp{background:linear-gradient(135deg,#25D366 0%,#20ba5a 100%);border-radius:12px 0 0 0;}.contact-btn.phone{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:0 0 0 12px;}.contact-btn:hover{transform:translateX(-5px);filter:brightness(1.1);}@media (max-width:768px){.contact-btn{width:50px;height:50px;} .contact-btn i{font-size:20px;} .contact-btn span{display:none;}}/* ===== UTILITY CLASSES ===== */.text-center{text-align:center;}.text-left{text-align:left;}.mt-1{margin-top:8px;}.mt-2{margin-top:16px;}.mt-3{margin-top:24px;}.mt-4{margin-top:32px;}.mb-1{margin-bottom:8px;}.mb-2{margin-bottom:16px;}.mb-3{margin-bottom:24px;}.mb-4{margin-bottom:32px;}/* ===== COMPANY LINK ===== */.company-link{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition);border-bottom:1px solid transparent;}.company-link:hover{color:var(--primary-dark);border-bottom-color:var(--primary-dark);}/* ===== PRIVACY POLICY PAGE ===== */.privacy-content{background:var(--bg-white);}.privacy-text{background:var(--bg-white);padding:40px;border-radius:12px;box-shadow:var(--shadow-sm);line-height:1.8;}.privacy-text h2{font-size:28px;font-weight:600;color:var(--text-dark);margin-top:40px;margin-bottom:20px;text-align:left;padding-bottom:12px;border-bottom:2px solid var(--border-color);}.privacy-text h2:first-child{margin-top:0;}.privacy-text h3{font-size:20px;font-weight:600;color:var(--text-dark);margin-top:32px;margin-bottom:16px;text-align:left;}.privacy-text p{margin-bottom:16px;color:var(--text-gray);font-size:15px;line-height:1.8;}.privacy-text ul{margin:16px 0 24px 0;padding-left:32px;}.privacy-text ul li{margin-bottom:10px;color:var(--text-gray);line-height:1.7;}.privacy-text ul li strong{color:var(--text-dark);font-weight:500;}.privacy-text a{color:var(--primary-color);text-decoration:none;font-weight:500;}.privacy-text a:hover{text-decoration:underline;}@media (max-width:768px){.privacy-text{padding:24px;} .privacy-text h2{font-size:22px;margin-top:32px;} .privacy-text h3{font-size:18px;margin-top:24px;} .phone-input-group{flex-direction:column;gap:12px;} .country-code-select{flex:1;width:100%;}}/* ===== ANIMATIONS ===== */@keyframes fadeIn{from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);}}.fade-in{animation:fadeIn 0.6s ease forwards;}/* ===== RESPONSIVE UTILITIES ===== */@media print{header,footer,.contact-widget,#scroll-progress{display:none;} body{padding-top:0;}}