@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";/*!
 * Project Name: Lancor Pavilion | Residential projects Sriperumbudur
 * Author: Tamil Selva
 * Version: 1.0.0
 * Description: Custom CSS for layout, styling, and responsive design.
 * Created: 14 Sep 2025
 * Updated: 09 Dec 2025
 */*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:500}p,li,button,strong,a,span,input,textarea{font-family:Outfit,sans-serif}.navbar{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 6px #0000001a;z-index:100}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:.7rem 2rem}.navbar .logo img{width:110px}.navbar .nav-links{display:flex;gap:2.5rem;list-style:none}.navbar .nav-links li{cursor:pointer;font-size:1.1rem;font-weight:400;position:relative;transition:color .3s ease;color:#0c5b9a}.navbar .nav-links li:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#0c5b9a;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.navbar .nav-links li:hover{color:#e52a30}.navbar .nav-links li:hover:after{transform:scaleX(1)}@media (max-width: 768px){.navbar .nav-links{position:absolute;top:88px;right:0;background:#fff;flex-direction:column;width:250px;padding:1.5rem;border-radius:1px;box-shadow:0 2px 6px #0000001a;transform:translate(100%);transition:transform .3s ease-in-out;height:100vh}.navbar .nav-links.active{transform:translate(0)}}.navbar .enquiry-btn{background:#e52a30;color:#fff;padding:.6rem 1.2rem;border:1px solid #e52a30;border-radius:6px;cursor:pointer;transition:.3s;font-size:.9rem;animation:blink 1s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.navbar .enquiry-btn:hover{background:#fff;color:#e52a30;animation:normal}@media (max-width: 768px){.navbar .enquiry-btn{display:none}}.navbar .hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.navbar .hamburger span{width:25px;height:3px;background:#e52a30;transition:all .3s ease;border-radius:2px}.navbar .hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(8px)}.navbar .hamburger.active span:nth-child(2){opacity:0}.navbar .hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@media (max-width: 768px){.navbar .hamburger{display:flex}}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal .modal-content{background:#fff;padding:2rem;border-radius:8px;width:400px;position:relative}.modal .modal-content h2{margin-bottom:1rem;text-align:center;color:#0c5b9a;font-size:1.7rem}.modal .modal-content input,.modal .modal-content textarea{width:100%;margin-bottom:1rem;padding:.6rem;border:1px solid #ddd;border-radius:6px}.modal .modal-content input :focus,.modal .modal-content textarea :focus{outline:none;border-color:#e52a30}.modal .modal-content button{background:#e52a30;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;width:100%}.modal .modal-content .close-btn{position:absolute;top:.3rem;right:-170px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#e52a30}.mobile-controls{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.mobile-controls .enquiry-btn{display:none;font-size:.85rem;padding:.5rem 1rem}}.mobile-bottom-enquiry{position:fixed;bottom:0;left:0;width:100%;background:#e52a30;color:#fff;text-align:center;padding:.6rem 0;font-size:1.2rem;border:none;cursor:pointer;z-index:9999;display:none}@media (max-width: 768px){.mobile-bottom-enquiry{display:block}}.banner{width:100%;height:100vh;overflow:hidden}.banner picture,.banner img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.about{padding:5rem 2rem;background:#f9f9f9}.about .about-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}@media (max-width: 768px){.about .about-container{grid-template-columns:1fr;text-align:center}}.about .about-text h2{font-size:2.2rem;margin-bottom:1.5rem;color:#e52a30}.about .about-text p{line-height:1.9;margin-bottom:1rem;color:#454545}.about .about-image img{width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.project-specs{padding:5rem 2rem;background:#fff}.project-specs .specs-container{max-width:1200px;margin:0 auto;text-align:center}.project-specs .specs-container h2{font-size:2rem;margin-bottom:3rem;color:#e52a30}.project-specs .specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.project-specs .spec-card{background:#f9f9f9;border-radius:12px;padding:2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;align-items:center}.project-specs .spec-card:hover{transform:translateY(-6px);box-shadow:0 6px 18px #0000001a}.project-specs .spec-card img{width:60px;height:60px;object-fit:contain;margin-bottom:1rem}.project-specs .spec-card p{font-size:1rem;line-height:1.5;color:#333}.amenities{padding:5rem 2rem;background:#f9f9f9;box-shadow:0 2px 6px #0000001a}.amenities .amenities-container{max-width:1200px;margin:0 auto;text-align:center}.amenities .amenities-container h2{font-size:2rem;margin-bottom:3rem;color:#e52a30}.amenities .amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.amenities .amenity-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer}.amenities .amenity-card img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;display:block}.amenities .amenity-card .overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:#0006;color:#fff;display:flex;align-items:flex-end;justify-content:center;padding:1rem;font-size:1rem;font-weight:500;opacity:0;transition:opacity .3s ease}.amenities .amenity-card:hover img{transform:scale(1.1)}.amenities .amenity-card:hover .overlay{opacity:1}.location{padding:4rem 2rem;background:#f9f9f9}.location .section-title{text-align:center;font-size:2rem;margin-bottom:3rem;color:#e52a30}.location .location-wrapper{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:stretch}.location .location-column{display:flex;flex-direction:column;gap:2rem}.location .location-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014}.location .location-card h3{font-size:1.2rem;margin-bottom:.8rem;color:#0056a6}.location .location-card ul{list-style:disc;padding-left:1.2rem}.location .location-card ul li{margin-bottom:.4rem;font-size:.95rem;color:#555}.location .location-map{min-height:500px}.location .location-map iframe{width:100%;height:100%;border-radius:12px;box-shadow:0 6px 16px #00000026}@media (max-width: 992px){.location .location-wrapper{grid-template-columns:1fr}.location .location-map{min-height:400px}}.location .location-footer{color:#0c5b9a;text-align:center;padding-top:50px}.footer{background:#111;color:#fff;padding:1rem 2rem;font-size:.9rem}.footer .footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer a{color:#0c5b9a;text-decoration:none;font-weight:500;transition:color .3s ease}.footer a:hover{text-decoration:underline}
