:root{--dark:#05335b;--dark-2:#0a4b74;--accent:#18a9e6;--white:#fff}.container{max-width:100%;width:100%;margin:0 auto}.tab-btn{outline:none}.tab-btn:focus{outline:none}.tabs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.tab-btn{padding:10px 26px;border-radius:40px;background:var(--dark);color:var(--white);border:0;cursor:pointer;font-weight:700;font-size:18px;transition:all .18s;box-shadow:0 0 0 3px rgba(8,43,63,0);font-family:"Lato",sans-serif}.tab-btn:hover{transform:translateY(-2px)}.tab-btn.active{background:var(--accent);box-shadow:0 6px 20px rgba(24,169,230,.12)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.load-wrap{text-align:center;margin:28px 0}#loadMoreBtn{display:inline-block;background:var(--dark);color:var(--white);border:0;padding:12px 28px;border-radius:10px;font-weight:700;cursor:pointer;transition:background .18s;font-family:"Lato",sans-serif}#loadMoreBtn:hover{background:var(--dark-2)}#popupOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9998;backdrop-filter:blur(2px)}#popupBox{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;max-width:1100px;height:82vh;background:#fff;border-radius:12px;overflow:hidden;z-index:9999;box-shadow:0 20px 60px rgba(0,0,0,.35)}#popupClose{position:absolute;right:12px;top:12px;z-index:10001;background:#000;color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:16px}iframe{width:100%;height:100%;border:0;display:block}@media (max-width:640px){.tab-btn{padding:9px 18px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tab-header p{font-family:"Lato",Sans-serif;font-size:16px;font-weight:700;line-height:27px;color:#08385c;text-align:center!important}}.tab-header{text-align:center;margin-bottom:20px}.tab-header h2{font-family:"Lato",Sans-serif;font-size:38px;font-weight:700;text-transform:uppercase;line-height:1.1em;color:#08385c;margin-bottom:10px}.tab-header p{font-family:"Lato",Sans-serif;font-size:19px;font-weight:700;line-height:27px;color:#08385c;text-align:center;display:inline-block}.tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tab-btn{padding:10px 20px;border-radius:30px;border:none;cursor:pointer;background:#003a66;color:#fff;font-weight:600}.tab-btn.active{background:#1db4e7;color:#fff}#aerialcities,#samplecities,#projectcities,#threecities,#plotcities,#smartcities,#floorcities,#aerialcities2,#samplecities2,#projectcities2,#threecities2,#plotcities2,#smartcities2,#floorcities2{display:none;overflow:hidden}#aerialcities,#aerialcities2{display:block}#tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}#tabs .tab-btn{padding:10px 20px;border-radius:25px;background-color:#05335b;color:white;border:none;cursor:pointer;white-space:nowrap}#tabs .tab-btn.active{background-color:#00bfff}.grid{position:relative;transition:opacity .18s ease}@keyframes gridSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}