:root{
  --navy:#001b35;
  --navy2:#020b18;
  --gold:#D6A23A;
  --gold2:#f0c56a;
  --white:#ffffff;
  --text:#142033;
  --muted:#64748b;
  --light:#f7f8fb;
  --shadow:0 18px 45px rgba(0,20,45,.18);
}
*{box-sizing:border-box}
html,body{width:100%;overflow-x:hidden}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.7;
}
h1,h2,h3,h4{font-weight:800;line-height:1.12}
a{text-decoration:none}
.topbar{
  background:#020b18;
  color:#fff;
  height:38px;
  display:flex;
  align-items:center;
  font-size:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar a{color:#fff;margin-right:28px}
.topbar i{color:var(--gold)}
.navbar{
  background:#001b35!important;
  padding:12px 0;
  min-height:86px;
  box-shadow:none;
}
.navbar .container,
.topbar .container,
.hero .container,
.hero-stats-band .container{
  max-width:1200px;
}
.navbar-brand img{
  height:68px;
  width:auto;
  display:block;
}
.nav-link{
  color:#fff!important;
  font-weight:600;
  font-size:14px;
  text-transform:uppercase;
  margin:0 8px;
  letter-spacing:.02em;
  padding-bottom:8px;
}
.nav-link.active,
.nav-link:hover{
  color:#fff!important;
  border-bottom:2px solid var(--gold);
}
.btn-gold,
.btn-main{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#061b35!important;
  border:0;
  border-radius:4px;
  padding:13px 24px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.btn-gold:hover,
.btn-main:hover{
  background:var(--gold2);
  color:#061b35!important;
}
.btn-outline-gold{
  border:1px solid var(--gold);
  color:#fff!important;
  border-radius:4px;
  padding:12px 24px;
  font-weight:700;
}
.btn-outline-gold:hover{
  background:var(--gold);
  color:#061b35!important;
}
.hero{
  min-height:500px;
  color:#fff;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(0,20,45,.98) 0%,rgba(0,29,59,.86) 36%,rgba(0,29,59,.22) 70%),
    url('../images/night-slider.webp') center right/cover no-repeat;
}
.hero-kicker{
  color:var(--gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:14px;
}
.hero h1{
  font-size:clamp(36px,4.7vw,58px);
  max-width:620px;
  margin-bottom:22px;
}
.hero h1 span,
.text-gold{
  color:var(--gold)!important;
}
.hero p{
  max-width:470px;
  color:#e8eef7;
  font-size:16px;
  line-height:1.9;
}
.hero-stats-band{
  background:#001b35;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 0;
}
.hero-stat{
  display:flex;
  align-items:center;
  gap:18px;
  color:#fff;
  border-left:1px solid rgba(214,162,58,.42);
  padding:10px 28px;
}
.hero-stats-band .col-6:first-child .hero-stat{border-left:0}
.hero-stat i{
  color:var(--gold);
  font-size:42px;
}
.hero-stat h3{
  color:var(--gold);
  font-size:32px;
  margin:0;
}
.hero-stat small{
  color:#fff;
  text-transform:uppercase;
  font-weight:600;
  line-height:1.25;
  display:block;
}
.section-pad{padding:78px 0}
.bg-soft{background:var(--light)}
.section-title .kicker{
  color:var(--gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.section-title h2{
  font-size:clamp(30px,4vw,44px);
  color:var(--navy);
}
.project-card{
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  box-shadow:var(--shadow);
  height:100%;
  transition:.3s;
  border:1px solid rgba(0,27,53,.08);
}
.project-card:hover{transform:translateY(-8px)}
.project-img{
  height:250px;
  background-size:cover;
  background-position:center;
  position:relative;
}
.project-img:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent,rgba(0,20,45,.82));
}
.project-tag{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  background:rgba(0,20,45,.85);
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
}
.project-card .card-body{
  background:#001b35;
  color:#fff;
  padding:20px;
}
.project-card h3{font-size:20px;color:#fff}
.project-card small,
.project-card a{color:var(--gold)!important}
.feature-card,.testimonial-card,.info-card{
  background:#fff;
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:30px;
  height:100%;
  border:1px solid rgba(0,27,53,.08);
}
.icon-circle{
  width:62px;
  height:62px;
  background:rgba(214,162,58,.14);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold);
  font-size:28px;
  margin-bottom:18px;
}
.flagship{
  background:
    linear-gradient(90deg,rgba(0,20,45,.98),rgba(0,29,59,.82)),
    url('../images/projects/westbury-residencies-original.webp') center/cover;
  color:#fff;
  padding:75px;
  box-shadow:var(--shadow);
}
.flagship h2{font-size:clamp(34px,5vw,58px)}
.amenity-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius:50px;
  padding:10px 16px;
  margin:5px;
}
.visual-img,.page-img{
  min-height:420px;
  background-size:cover;
  background-position:center;
  border-radius:10px;
  box-shadow:var(--shadow);
}
.visual-badge{
  background:#fff;
  color:var(--navy);
  display:inline-block;
  padding:17px 22px;
  border-radius:8px;
  box-shadow:var(--shadow);
  margin:28px;
}
.tick-list{list-style:none;padding:0;margin:20px 0}
.tick-list li{margin:10px 0;color:var(--muted)}
.tick-list i{color:var(--gold);margin-right:8px}
.investment{background:#f7f8fb}
.testimonial-card .quote{font-size:38px;color:var(--gold);line-height:1}
.cta{
  background:
    linear-gradient(90deg,rgba(0,20,45,.98),rgba(0,29,59,.80)),
    url('../images/projects/westbury-residencies-original.webp') center/cover;
  color:#fff;
  padding:70px 30px;
}
.footer{
  background:#001b35;
  color:#dbeafe;
  padding:65px 0 25px;
}
.footer img{height:80px;width:auto;margin-bottom:18px}
.footer h4,.footer h5{color:#fff}
.footer a{display:block;color:#dbeafe;margin:8px 0}
.footer a:hover{color:var(--gold)}
.whatsapp-float{
  position:fixed;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  z-index:50;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.subhero{
  padding:150px 0 90px;
  background:
    linear-gradient(90deg,rgba(0,20,45,.98),rgba(0,29,59,.78)),
    url('../images/night-slider.webp') center/cover;
  color:#fff;
}
.contact-box{
  background:#fff;
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:32px;
}
.form-control,.form-select{border-radius:5px;padding:13px}
.gallery-tile{
  height:280px;
  background-size:cover;
  background-position:center;
  border-radius:8px;
  box-shadow:var(--shadow);
}
@media(max-width:991px){
  .topbar{display:none}
  .navbar-brand img{height:58px}
  .navbar{min-height:auto}
  .hero{
    min-height:560px;
    background:
      linear-gradient(rgba(0,20,45,.88),rgba(0,29,59,.84)),
      url('../images/night-slider.webp') center/cover no-repeat;
  }
  .hero-stat{
    border-left:0;
    border-top:1px solid rgba(214,162,58,.35);
  }
  .hero-stats-band .col-6:first-child .hero-stat{border-top:0}
  .section-pad{padding:58px 0}
  .flagship{padding:45px 25px}
}
@media(max-width:575px){
  .hero h1{font-size:36px}
  .project-img{height:210px}
  .hero-stat{padding:16px 8px}
  .hero-stat i{font-size:32px}
}


/* Night slider homepage refinements */
.navbar-brand img{
  height:78px;
  max-width:260px;
  object-fit:contain;
}
.hero{
  min-height:620px;
  background:
    linear-gradient(90deg,rgba(0,15,32,.96) 0%,rgba(0,28,58,.78) 38%,rgba(0,28,58,.10) 76%),
    url('../images/night-slider.webp') center right/cover no-repeat !important;
}
.hero h1{
  text-shadow:0 3px 20px rgba(0,0,0,.35);
}
.hero p{
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
@media(max-width:991px){
  .navbar-brand img{height:62px;max-width:220px}
  .hero{
    min-height:580px;
    background:
      linear-gradient(rgba(0,15,32,.86),rgba(0,28,58,.82)),
      url('../images/night-slider.webp') center/cover no-repeat !important;
  }
}
@media(max-width:575px){
  .navbar-brand img{height:52px;max-width:185px}
  .hero{min-height:540px}
}

.ongoing-project{
  background:
    linear-gradient(90deg,rgba(0,20,45,.96),rgba(0,29,59,.72)),
    url('../images/westbury-urbanside-kalubowila.webp') center/cover !important;
}

/* Featured Projects Slider */
.featured-projects-home .carousel{
  box-shadow:var(--shadow);
}
.featured-slide{
  min-height:560px;
  color:#fff;
  padding:80px 70px;
  display:flex;
  align-items:center;
  background-size:cover!important;
  background-position:center!important;
  position:relative;
}
.featured-slide:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,20,45,.96),rgba(0,29,59,.70),rgba(0,29,59,.14));
}
.featured-slide .row{
  position:relative;
  z-index:2;
  width:100%;
}
.flagship-slide{
  background:url('../images/projects/westbury-residencies-original.webp') center/cover no-repeat;
}
.ongoing-slide{
  background:url('../images/westbury-urbanside-kalubowila.webp') center/cover no-repeat;
}
.featured-slide h2{
  font-size:clamp(34px,5vw,60px);
  color:#fff;
}
.featured-projects-home .carousel-indicators [data-bs-target]{
  width:11px;
  height:11px;
  border-radius:50%;
  background-color:var(--gold);
}
.project-detail-hero{
  min-height:620px;
  display:flex;
  align-items:center;
  color:#fff;
  background-size:cover!important;
  background-position:center!important;
  position:relative;
}
.project-detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,20,45,.96),rgba(0,29,59,.70),rgba(0,29,59,.18));
}
.project-detail-hero .container{
  position:relative;
  z-index:2;
}
.price-badge{
  display:inline-block;
  background:var(--gold);
  color:#061b35;
  font-weight:800;
  padding:13px 22px;
  border-radius:4px;
  margin:18px 0;
}
.project-spec-card{
  background:#fff;
  box-shadow:var(--shadow);
  border-radius:10px;
  padding:26px;
  height:100%;
  border:1px solid rgba(0,27,53,.08);
}
.project-spec-card i{
  color:var(--gold);
  font-size:34px;
  margin-bottom:15px;
}
.progress-step{
  background:#fff;
  border-left:4px solid var(--gold);
  box-shadow:var(--shadow);
  padding:18px 22px;
  margin-bottom:14px;
}
@media(max-width:991px){
  .featured-slide{
    min-height:520px;
    padding:55px 28px;
  }
  .project-detail-hero{
    min-height:560px;
  }
}

.single-ongoing-home{
  background:
    linear-gradient(90deg,rgba(0,20,45,.96),rgba(0,29,59,.70),rgba(0,29,59,.14)),
    url('../images/westbury-urbanside-kalubowila.webp') center/cover no-repeat !important;
  border-radius:0;
}

/* Westbury Urbanside homepage updates */
.westbury-urbanside-card{
  background-image:url('../images/westbury-urbanside-kalubowila.webp') !important;
  background-position:center center !important;
  background-size:cover !important;
}
.ongoing-project-showcase{
  background:#061b35;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.ongoing-project-image{
  min-height:560px;
  height:100%;
  background:url('../images/westbury-urbanside-kalubowila.webp') center center/cover no-repeat;
}
.ongoing-project-content{
  min-height:560px;
  height:100%;
  padding:55px 45px;
  color:#fff;
  background:linear-gradient(135deg,#061b35,#031224);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ongoing-project-content h2{
  color:#fff;
  font-size:clamp(32px,4vw,48px);
}
.mini-spec{
  border:1px solid rgba(214,162,58,.35);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:15px;
  min-height:86px;
}
.mini-spec i{
  color:var(--gold);
  font-size:24px;
  display:block;
  margin-bottom:8px;
}
.ongoing-project-content .tick-list li{
  color:#fff;
}
@media(max-width:991px){
  .ongoing-project-image{
    min-height:430px;
    background-position:center top;
  }
  .ongoing-project-content{
    min-height:auto;
    padding:38px 24px;
  }
}
@media(max-width:575px){
  .ongoing-project-image{
    min-height:320px;
  }
}

/* Standardized navigation and dropdowns */
.navbar .dropdown-menu{
  background:#061b35;
  border:1px solid rgba(214,162,58,.25);
  border-radius:6px;
  padding:10px 0;
  min-width:260px;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
}
.navbar .dropdown-item{
  color:#fff;
  font-size:14px;
  padding:10px 18px;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
  background:rgba(214,162,58,.12);
  color:var(--gold);
}
.navbar .dropdown-divider{
  border-color:rgba(255,255,255,.14);
}
@media(min-width:992px){
  .navbar .dropdown:hover .dropdown-menu{
    display:block;
    margin-top:0;
  }
}
@media(max-width:991px){
  .navbar .dropdown-menu{
    background:#031224;
    border:0;
    box-shadow:none;
  }
  .navbar .dropdown-item{
    padding-left:28px;
  }
}

/* Header full-width + responsive menu update */
.topbar .container,
.navbar .container{
  max-width:100% !important;
  width:100% !important;
  padding-left:70px;
  padding-right:70px;
}
.navbar{
  width:100%;
}
.navbar-brand{
  margin-right:30px;
}
.navbar-brand img{
  height:76px;
  width:auto;
  max-width:260px;
  object-fit:contain;
}
.navbar-nav{
  align-items:center;
}
.navbar .nav-link{
  white-space:nowrap;
}
.inquiry-btn{
  background:linear-gradient(135deg,var(--gold),var(--gold2)) !important;
  color:#061b35 !important;
  border:0 !important;
  font-weight:800;
  border-radius:4px;
  padding:13px 24px !important;
  box-shadow:0 10px 25px rgba(214,162,58,.25);
  white-space:nowrap;
}
.inquiry-btn:hover{
  background:var(--gold2) !important;
  color:#061b35 !important;
  transform:translateY(-1px);
}
@media(max-width:1200px){
  .topbar .container,
  .navbar .container{
    padding-left:40px;
    padding-right:40px;
  }
  .navbar .nav-link{
    font-size:13px;
    margin:0 4px;
  }
  .inquiry-btn{
    padding:11px 17px !important;
  }
}
@media(max-width:991px){
  .topbar{
    display:none;
  }
  .navbar .container{
    padding-left:18px;
    padding-right:18px;
  }
  .navbar-brand img{
    height:58px;
    max-width:210px;
  }
  .navbar-collapse{
    background:#031224;
    margin-top:14px;
    padding:18px;
    border-radius:8px;
    border:1px solid rgba(214,162,58,.18);
  }
  .navbar-nav{
    align-items:flex-start;
  }
  .navbar .nav-link{
    width:100%;
    padding:11px 0;
    margin:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .inquiry-btn{
    width:100%;
    justify-content:center;
    margin-left:0 !important;
    margin-top:16px !important;
  }
}
@media(max-width:575px){
  .navbar-brand img{
    height:50px;
    max-width:180px;
  }
}

/* Animated Counter Section */
.counter-section{
  background:#ffffff;
  padding:34px 0;
  position:relative;
  z-index:5;
  box-shadow:0 10px 35px rgba(0,20,45,.08);
}
.counter-wrap{
  background:#fff;
  border:1px solid #e8eef6;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(0,20,45,.08);
}
.counter-item{
  padding:36px 18px;
  border-left:1px solid #e8eef6;
  transition:.3s ease;
  min-height:210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.counter-wrap .col-6:first-child .counter-item{
  border-left:0;
}
.counter-item:hover{
  transform:translateY(-4px);
  background:#f8fafc;
}
.counter-item i{
  font-size:40px;
  color:var(--gold);
  margin-bottom:16px;
}
.counter-item h2{
  color:#001b35;
  font-size:clamp(34px,4vw,52px);
  font-weight:800;
  margin:0 0 8px;
}
.counter-item h2:after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  background:var(--gold);
  margin:12px auto 0;
}
.counter-item p{
  color:#1f2937;
  font-weight:800;
  text-transform:uppercase;
  line-height:1.45;
  font-size:14px;
  margin:0;
}
@media(max-width:991px){
  .counter-section{padding:26px 0;}
  .counter-item{
    border-left:0;
    border-top:1px solid #e8eef6;
    min-height:180px;
  }
  .counter-wrap .col-6:first-child .counter-item,
  .counter-wrap .col-6:nth-child(2) .counter-item{
    border-top:0;
  }
}
@media(max-width:575px){
  .counter-item{
    padding:28px 10px;
    min-height:160px;
  }
  .counter-item i{font-size:32px;}
}

/* Smaller counter block - original dark/gold style */
.counter-section{
  background:#061b35 !important;
  padding:16px 0 !important;
  box-shadow:none !important;
}

.counter-wrap{
  background:#061b35 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.counter-item{
  min-height:115px !important;
  padding:18px 12px !important;
  background:#061b35 !important;
  border-left:1px solid rgba(214,162,58,.35) !important;
}

.counter-wrap .col-6:first-child .counter-item{
  border-left:0 !important;
}

.counter-item:hover{
  transform:none !important;
  background:#061b35 !important;
}

.counter-item i{
  font-size:28px !important;
  color:var(--gold) !important;
  margin-bottom:8px !important;
}

.counter-item h2{
  color:var(--gold) !important;
  font-size:30px !important;
  margin:0 0 4px !important;
}

.counter-item h2:after{
  display:none !important;
}

.counter-item p{
  color:#ffffff !important;
  font-size:12px !important;
  line-height:1.25 !important;
  letter-spacing:.04em;
}

@media(max-width:991px){
  .counter-section{
    padding:10px 0 !important;
  }

  .counter-item{
    min-height:100px !important;
    padding:14px 8px !important;
    border-left:0 !important;
    border-top:1px solid rgba(214,162,58,.25) !important;
  }

  .counter-wrap .col-6:first-child .counter-item,
  .counter-wrap .col-6:nth-child(2) .counter-item{
    border-top:0 !important;
  }
}

@media(max-width:575px){
  .counter-item{
    min-height:88px !important;
    padding:12px 6px !important;
  }

  .counter-item i{
    font-size:22px !important;
  }

  .counter-item h2{
    font-size:24px !important;
  }

  .counter-item p{
    font-size:10px !important;
  }
}

/* Media page and favicon/menu updates */
.media-page{
  background:#f7f8fb;
}
.media-card{
  height:100%;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid rgba(0,27,53,.08);
  transition:.3s ease;
}
.media-card:hover{
  transform:translateY(-6px);
}
.media-card img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:block;
}
.media-card-body{
  padding:24px;
}
.media-card-body span{
  display:block;
  color:var(--gold);
  text-transform:uppercase;
  font-weight:800;
  font-size:12px;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.media-card-body h3{
  color:#001b35;
  font-size:21px;
  margin-bottom:14px;
}
.media-card-body p{
  color:#475569;
  font-size:14px;
}
.media-source-link{
  color:#001b35;
  font-weight:800;
}
.media-source-link:hover{
  color:var(--gold);
}
@media(max-width:575px){
  .media-card img{
    height:200px;
  }
}

/* Internal media post pages */
.media-post-meta{
  display:inline-block;
  color:var(--gold);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:14px;
}
.media-post-content{
  background:#fff;
  padding:34px;
  border-radius:12px;
  box-shadow:var(--shadow);
}
.media-post-main-img{
  width:100%;
  max-height:460px;
  object-fit:cover;
  border-radius:10px;
  margin-bottom:28px;
}
.source-box{
  margin-top:34px;
  padding:26px;
  border-radius:10px;
  background:#f7f8fb;
  border-left:4px solid var(--gold);
}
.media-sidebar{
  position:sticky;
  top:110px;
  background:#061b35;
  color:#fff;
  padding:28px;
  border-radius:12px;
  box-shadow:var(--shadow);
}
.media-sidebar h3{
  color:#fff;
}
.original-links-box{
  background:#fff;
  padding:28px;
  border-radius:12px;
  box-shadow:var(--shadow);
}
.original-links-box li{
  margin-bottom:10px;
}
.original-links-box a{
  color:#001b35;
  font-weight:600;
}
.original-links-box a:hover{
  color:var(--gold);
}
@media(max-width:991px){
  .media-sidebar{
    position:static;
  }
  .media-post-content{
    padding:24px;
  }
}

/* Production check enhancements */
.projects-enhanced-page{padding-bottom:20px;}
.project-filter-tabs button{
  border:1px solid rgba(214,162,58,.45);
  background:#fff;
  color:#001b35;
  padding:11px 20px;
  margin:5px;
  border-radius:999px;
  font-weight:800;
  transition:.25s;
}
.project-filter-tabs button.active,
.project-filter-tabs button:hover{background:var(--gold);color:#001b35;}
.media-featured-strip{
  background:#fff;
  border-radius:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
  border:1px solid rgba(0,27,53,.08);
}
.media-featured-strip img{
  width:100%;
  height:320px;
  object-fit:cover;
}
.media-featured-strip .col-lg-7{padding:30px 34px;}
.media-featured-strip span{
  color:var(--gold);
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.05em;
}
.media-featured-strip h2{color:#001b35;margin:12px 0;}
.footer-map iframe{width:100%;height:100%;border:0;}
@media(max-width:991px){
  .navbar-collapse{max-height:82vh;overflow-y:auto;}
  .hero{min-height:560px;}
  .section-pad{padding-top:58px;padding-bottom:58px;}
  .media-featured-strip img{height:240px;}
}
@media(max-width:575px){
  .project-filter-tabs button{width:100%;}
  .hero h1{font-size:34px;}
  .project-card .card-body{padding:18px;}
}

/* PDF-driven About page update */
.about-anchor-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,20,45,.08);
  padding:12px 0;
}
.about-anchor-wrap{
  display:flex;
  gap:12px;
  overflow-x:auto;
  white-space:nowrap;
}
.about-anchor-wrap a{
  color:#001b35;
  font-weight:800;
  border:1px solid rgba(214,162,58,.35);
  padding:8px 14px;
  border-radius:999px;
  font-size:13px;
}
.about-anchor-wrap a:hover{
  background:var(--gold);
}
.about-glance-card{
  background:#00435a;
  color:#fff;
  padding:34px;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.about-glance-card h3{
  color:var(--gold);
  text-align:center;
  margin-bottom:24px;
}
.about-glance-card strong{
  display:block;
  color:var(--gold);
  font-size:32px;
  line-height:1;
}
.about-glance-card span{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:600;
}
.about-glance-card .col-6>div{
  padding:16px 10px;
  border:1px solid rgba(255,255,255,.18);
  height:100%;
}
.chairman-section{
  background:#00435a;
  color:#fff;
}
.chairman-section h2,
.chairman-section h4{
  color:#fff;
}
.chairman-section p{
  color:#eaf2fb;
}
.chairman-highlight{
  color:var(--gold)!important;
  font-weight:700;
}
.chairman-card{
  text-align:center;
  background:#05354c;
  border:1px solid rgba(214,162,58,.55);
  border-radius:18px;
  padding:26px;
}
.chairman-photo{
  width:170px;
  height:170px;
  border-radius:50%;
  background:linear-gradient(135deg,#0b4f93,#001b35);
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:76px;
  color:var(--gold);
  border:2px solid var(--gold);
}
.chairman-card h3{
  color:var(--gold);
}
.chairman-card img{
  margin-top:22px;
  border-radius:14px;
  height:280px;
  width:100%;
  object-fit:cover;
}
.vm-card,
.value-card,
.service-card,
.why-card{
  background:#fff;
  padding:30px;
  border-radius:14px;
  box-shadow:var(--shadow);
  height:100%;
  border:1px solid rgba(0,27,53,.08);
}
.vm-card i,
.value-card i,
.service-card i,
.why-card i{
  color:var(--gold);
  font-size:42px;
  margin-bottom:16px;
}
.value-card{
  text-align:center;
}
.portfolio-tile{
  background:#00435a;
  color:#fff;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(214,162,58,.45);
  height:100%;
  box-shadow:var(--shadow);
}
.portfolio-tile img{
  height:300px;
  width:100%;
  object-fit:cover;
}
.portfolio-tile h3,
.portfolio-tile p{
  padding-left:24px;
  padding-right:24px;
}
.portfolio-tile h3{
  color:#fff;
  margin-top:22px;
}
.portfolio-tile p{
  color:#fff;
  padding-bottom:24px;
}
.service-card{
  text-align:center;
}
.why-sl-section{
  background:#00435a;
  color:#fff;
}
.why-sl-section h2,
.why-sl-section .section-title p{
  color:#fff;
}
.why-card{
  display:flex;
  gap:18px;
  align-items:flex-start;
}
.why-card p{
  margin:0;
  color:#001b35;
  font-weight:600;
}
.partners-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.partners-grid div{
  background:#00435a;
  color:#fff;
  border-radius:12px;
  padding:20px;
  border:1px solid rgba(214,162,58,.35);
}
.partners-grid strong{
  display:block;
  color:#fff;
  text-transform:uppercase;
  font-size:13px;
}
.partners-grid span{
  color:var(--gold);
  font-weight:700;
}
@media(max-width:991px){
  .partners-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .portfolio-tile img{
    height:240px;
  }
}
@media(max-width:575px){
  .partners-grid{
    grid-template-columns:1fr;
  }
  .about-anchor-nav{
    top:0;
  }
}

/* Updated footer and contact page */
.footer a{
  color:#dbeafe;
}
.footer a:hover{
  color:var(--gold);
}
.footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid rgba(214,162,58,.45);
  border-radius:50%;
  margin-right:8px;
}
.contact-info-row{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:16px 0;
  border-bottom:1px solid #e8eef6;
}
.contact-info-row i{
  width:44px;
  height:44px;
  background:#061b35;
  color:var(--gold);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-info-row strong{
  display:block;
  color:#001b35;
}
.contact-info-row a,
.contact-info-row span{
  color:#475569;
  font-weight:600;
}
.contact-social a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#061b35;
  color:#fff;
  margin:4px;
}
.contact-map{
  height:340px;
  border-radius:12px;
  overflow:hidden;
}
.contact-map iframe{
  width:100%;
  height:100%;
  border:0;
}

/* Final project portfolio updates */
.projects-portfolio-page{background:#f7f8fb}
.project-filter-tabs button{
  border:1px solid rgba(214,162,58,.45);
  background:#fff;
  color:#001b35;
  padding:11px 20px;
  margin:5px;
  border-radius:999px;
  font-weight:800;
}
.project-filter-tabs button.active,.project-filter-tabs button:hover{background:var(--gold);color:#001b35}
.portfolio-project-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow);
  height:100%;
  border:1px solid rgba(0,27,53,.08);
  transition:.3s;
}
.portfolio-project-card:hover{transform:translateY(-7px)}
.portfolio-project-card>a{display:block;position:relative;height:250px;overflow:hidden}
.portfolio-project-card img{width:100%;height:100%;object-fit:cover;transition:.4s}
.portfolio-project-card:hover img{transform:scale(1.06)}
.status-badge{
  position:absolute;left:16px;top:16px;background:#001b35;color:#fff;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:800;
}
.portfolio-project-body{padding:24px}
.portfolio-project-body small{color:var(--gold);font-weight:800}
.portfolio-project-body h3{color:#001b35;font-size:22px;margin:10px 0 12px}
.project-link{color:#001b35;font-weight:800}
.project-link:hover{color:var(--gold)}
.project-hero{
  min-height:520px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  color:#fff;
}
.project-hero span{display:inline-block;background:var(--gold);color:#001b35;font-weight:800;padding:8px 16px;border-radius:999px;margin-bottom:18px}
.project-hero h1{font-size:clamp(38px,5vw,64px);max-width:900px;color:#fff}
.project-spec{
  background:#fff;
  border:1px solid #e8eef6;
  border-left:4px solid var(--gold);
  border-radius:10px;
  padding:18px;
  height:100%;
  box-shadow:0 10px 25px rgba(0,20,45,.06);
}
.project-spec strong{display:block;color:#001b35;margin-bottom:6px}
.project-spec span{color:#475569;font-weight:600}
.project-feature-list{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.project-feature-list li{
  background:#fff;border:1px solid #e8eef6;border-radius:9px;padding:13px 15px;color:#001b35;font-weight:700;
}
.project-feature-list i{color:var(--gold);margin-right:8px}
.project-inquiry-box{
  position:sticky;top:110px;background:#001b35;color:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow);
}
.project-inquiry-box h3{color:#fff}
.project-email{display:block;text-align:center;color:#fff;margin-top:10px}
.gallery-lightbox{display:block;height:260px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.gallery-lightbox img{width:100%;height:100%;object-fit:cover;transition:.4s}
.gallery-lightbox:hover img{transform:scale(1.06)}
.footer-contact-line{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.footer-contact-line i{width:18px;flex:0 0 18px}
.footer-contact-line a,.footer-contact-line span{display:inline;white-space:normal}
@media(max-width:991px){
  .project-feature-list{grid-template-columns:1fr}
  .project-inquiry-box{position:static}
  .project-hero{min-height:420px}
}
@media(max-width:575px){
  .portfolio-project-card>a{height:210px}
  .project-hero h1{font-size:34px}
}

/* Footer contact details aligned on one line */
.footer-contact{
  width:100%;
}
.footer-contact p{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  white-space:nowrap;
  line-height:1.35;
}
.footer-contact p i{
  width:20px;
  min-width:20px;
  flex:0 0 20px;
  text-align:center;
  color:var(--gold);
}
.footer-contact p a,
.footer-contact p span{
  display:inline-block;
  color:#dbeafe;
  text-decoration:none;
  line-height:1.35;
}
.footer-contact p a:hover{
  color:var(--gold);
}
@media(max-width:575px){
  .footer-contact p{
    white-space:normal;
    align-items:flex-start;
  }
}

/* Chairman portrait */
.chairman-portrait-wrap{width:100%;max-width:360px;margin:0 auto 24px;border:2px solid var(--gold);border-radius:22px;overflow:hidden;background:#001b35;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.chairman-portrait-wrap img{width:100%;height:auto;display:block;object-fit:cover}
.chairman-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.chairman-card h3{margin-top:4px}
@media(max-width:575px){.chairman-portrait-wrap{max-width:300px;border-radius:18px}}

/* Restored complete projects portfolio */
.projects-portfolio-page{background:#f7f8fb}
.portfolio-project-card{
  background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);
  height:100%;border:1px solid rgba(0,27,53,.08);transition:.3s;
}
.portfolio-project-card:hover{transform:translateY(-7px)}
.portfolio-project-card>a{display:block;position:relative;height:235px;overflow:hidden}
.portfolio-project-card img{width:100%;height:100%;object-fit:cover;transition:.4s}
.portfolio-project-card:hover img{transform:scale(1.05)}
.portfolio-project-body{padding:22px}
.portfolio-project-body small{color:var(--gold);font-weight:800}
.portfolio-project-body h3{font-size:21px;color:#001b35;margin:10px 0}
.portfolio-project-body p{font-size:14px;color:#475569}
.status-badge{position:absolute;top:14px;left:14px;background:#001b35;color:#fff;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800}
.project-filter-tabs button{border:1px solid rgba(214,162,58,.45);background:#fff;color:#001b35;padding:10px 18px;margin:5px;border-radius:999px;font-weight:800}
.project-filter-tabs button.active,.project-filter-tabs button:hover{background:var(--gold)}

/* Mobile responsiveness, performance and floating contact bar */
html{
  scroll-behavior:smooth;
}
img{
  max-width:100%;
  height:auto;
}
picture,img,video,iframe{
  max-width:100%;
}
.mobile-contact-bar{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1200;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mobile-contact-bar a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:54px;
  height:54px;
  padding:0 16px;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
.mobile-contact-bar a:first-child{background:#25d366;}
.mobile-contact-bar a:last-child{background:#001b35;border:1px solid rgba(214,162,58,.55);}
.mobile-contact-bar span{display:none;}
.navbar-toggler{border-color:rgba(255,255,255,.35);}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(214,162,58,.25);}
@media(max-width:1199px){
  .navbar .container{padding-left:24px!important;padding-right:24px!important;}
  .navbar-brand img{max-width:210px;}
  .nav-link{font-size:12px;margin:0 3px;}
}
@media(max-width:991px){
  body{padding-bottom:68px;}
  .topbar{display:none;}
  .navbar{position:sticky;top:0;z-index:1100;}
  .navbar .container{padding-left:16px!important;padding-right:16px!important;}
  .navbar-brand img{height:54px;max-width:190px;}
  .navbar-collapse{
    max-height:calc(100vh - 90px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .hero,.project-hero,.subhero{
    min-height:auto!important;
    padding-top:90px;
    padding-bottom:90px;
  }
  .section-pad{padding-top:56px!important;padding-bottom:56px!important;}
  .project-feature-list{grid-template-columns:1fr!important;}
  .partners-grid{grid-template-columns:1fr 1fr!important;}
  .mobile-contact-bar{
    left:0;right:0;bottom:0;
    flex-direction:row;
    gap:0;
    background:#001b35;
    padding:8px 10px;
  }
  .mobile-contact-bar a{
    flex:1;
    min-width:0;
    height:46px;
    border-radius:8px;
  }
  .mobile-contact-bar span{display:inline;}
}
@media(max-width:767px){
  .projects-four-row .col-md-6,
  .project-col{width:100%;}
  .portfolio-project-card>a{height:220px;}
  .chairman-card,.about-glance-card,.contact-box,.project-inquiry-box{padding:22px!important;}
  .partners-grid{grid-template-columns:1fr!important;}
  .footer .row>div{margin-bottom:18px;}
  .footer-contact p{white-space:normal!important;align-items:flex-start!important;}
}
@media(max-width:575px){
  h1{font-size:32px!important;}
  h2{font-size:28px!important;}
  .hero p,.subhero p{font-size:15px;}
  .btn,.btn-gold,.inquiry-btn{width:100%;justify-content:center;}
  .counter-item{min-height:92px!important;padding:12px 6px!important;}
  .counter-item h2{font-size:24px!important;}
  .counter-item p{font-size:10px!important;}
  .counter-item i{font-size:22px!important;}
  .project-filter-tabs button{width:100%;}
  .gallery-lightbox{height:220px!important;}
  .contact-info-row{gap:12px;}
  .about-anchor-wrap{padding-bottom:6px;}
}

/* Reduce layout shift */
.project-card,
.portfolio-project-card,
.media-card,
.gallery-lightbox{
  contain:layout paint;
}

.topbar{background:#001225;color:#fff;padding:8px 0;position:relative;z-index:1120}
.topbar-inner,.topbar-contact,.topbar-social{display:flex;align-items:center}
.topbar-inner{justify-content:space-between;gap:18px}
.topbar-contact{gap:20px;min-width:0}
.topbar-contact a,.topbar-address{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:12px;white-space:nowrap}
.topbar-contact i,.topbar-social i{color:var(--gold)}
.topbar-social{gap:14px}
.main-navbar{background:#002344;min-height:82px;position:sticky;top:0;z-index:1110}
.main-navbar .navbar-brand img{height:62px;width:auto;max-width:220px}
.main-navbar .nav-link{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;padding:29px 8px!important;white-space:nowrap}
.main-navbar .nav-link:hover{color:var(--gold)}
.main-navbar .dropdown-menu{border:0;border-top:3px solid var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.22);min-width:240px}
.main-navbar .projects-dropdown{min-width:320px;max-height:70vh;overflow-y:auto}
.main-navbar .dropdown-item{font-size:13px;padding:10px 18px;white-space:normal}
.inquiry-btn{background:var(--gold)!important;color:#001b35!important;border-color:var(--gold)!important;font-weight:800!important;text-transform:uppercase}
@media(max-width:1199px){.topbar-address{display:none!important}.main-navbar .nav-link{font-size:10px;padding-left:5px!important;padding-right:5px!important}.main-navbar .navbar-brand img{height:56px}}
@media(max-width:991px){
 .topbar-contact a:nth-child(2),.topbar-address{display:none!important}
 .topbar-contact{gap:14px;overflow-x:auto}
 .main-navbar{min-height:70px}
 .main-navbar .navbar-brand img{height:50px;max-width:180px}
 .main-navbar .navbar-collapse{background:#002344;margin:0 -12px;padding:10px 18px 22px;max-height:calc(100vh - 100px);overflow-y:auto}
 .main-navbar .nav-link{font-size:13px;padding:13px 4px!important;border-bottom:1px solid rgba(255,255,255,.08)}
 .main-navbar .dropdown-menu{position:static!important;transform:none!important;width:100%;max-height:none;box-shadow:none;border-top:0;border-left:3px solid var(--gold)}
 .inquiry-btn{width:100%}
}
@media(max-width:575px){.topbar-contact a:nth-child(3){display:none!important}.main-navbar .navbar-brand img{height:46px;max-width:165px}}

/* Performance and accessibility improvements */
:focus-visible{
  outline:3px solid #f0c56a;
  outline-offset:3px;
}
a,button,.btn,.nav-link{
  -webkit-tap-highlight-color:transparent;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

.chairman-portrait-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;max-width:420px}.chairman-portrait-wrap img{border:0!important;border-radius:0!important;box-shadow:none!important;width:100%;height:auto;object-fit:contain}.chairman-card{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important}

/* Final chairman portrait cleanup */
.chairman-card,
.chairman-portrait-wrap,
.chairman-card img,
.chairman-portrait-wrap img{
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}
.chairman-card{
  padding:0!important;
  margin:0!important;
}
.chairman-portrait-wrap{
  border-radius:0!important;
  overflow:visible!important;
  max-width:420px!important;
  margin:0 auto!important;
}
.chairman-portrait-wrap img,
.chairman-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:0!important;
}

/* Core Web Vitals hero optimization */
.hero{
  min-height:620px!important;
  background-color:#001b35!important;
  background-image:
    linear-gradient(90deg,rgba(0,15,32,.96) 0%,rgba(0,28,58,.78) 38%,rgba(0,28,58,.10) 76%),
    url('../images/night-slider-desktop.webp')!important;
  background-position:center right!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  contain:layout paint;
}
.hero .container{
  min-height:620px;
  display:flex;
  align-items:center;
}
.counter-section{
  min-height:147px;
  contain:layout paint;
}
.counter-wrap{
  min-height:115px;
}
.navbar-brand{
  width:220px;
  min-width:220px;
}
.navbar-brand img{
  width:220px!important;
  height:64px!important;
  object-fit:contain!important;
}

/* Avoid rendering below-fold sections before needed */
.home-about-premium,
.projects-premium,
.ongoing-home-section,
.premium-gallery-section,
.footer,
.section-pad:not(:first-of-type){
  content-visibility:auto;
  contain-intrinsic-size:1px 700px;
}

/* Stable image boxes */
.project-img,
.portfolio-project-card>a,
.media-card>a,
.gallery-lightbox,
.ongoing-project-image{
  overflow:hidden;
  background-color:#e9eef4;
}
.project-img{aspect-ratio:4/3;height:auto!important;}
.portfolio-project-card>a{aspect-ratio:4/3;height:auto!important;}
.media-card img{aspect-ratio:16/10;height:auto!important;object-fit:cover;}
.gallery-lightbox{aspect-ratio:4/3;height:auto!important;}
.ongoing-project-image{min-height:520px;}

@media(max-width:991px){
  .hero{
    min-height:560px!important;
    background-image:
      linear-gradient(rgba(0,15,32,.87),rgba(0,28,58,.80)),
      url('../images/night-slider-tablet.webp')!important;
    background-position:center!important;
  }
  .hero .container{min-height:560px;}
  .navbar-brand{
    width:185px;
    min-width:185px;
  }
  .navbar-brand img{
    width:185px!important;
    height:52px!important;
  }
  .counter-section{min-height:210px;}
}
@media(max-width:575px){
  .hero{
    min-height:520px!important;
    background-image:
      linear-gradient(rgba(0,15,32,.87),rgba(0,28,58,.82)),
      url('../images/night-slider-mobile.webp')!important;
    background-position:center!important;
  }
  .hero .container{min-height:520px;}
  .navbar-brand{
    width:165px;
    min-width:165px;
  }
  .navbar-brand img{
    width:165px!important;
    height:47px!important;
  }
  .counter-section{min-height:190px;}
  .ongoing-project-image{min-height:360px;}
}

/* Safe performance improvements while preserving the full design */
img{
  max-width:100%;
  height:auto;
}
.hero,
.project-hero,
.subhero,
.ongoing-project-image,
.about-company-section,
.chairman-section,
.why-sl-section{
  background-repeat:no-repeat;
}
.project-img,
.portfolio-project-card>a,
.gallery-lightbox,
.media-card>a{
  overflow:hidden;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}