:root{
  --primary:#0b4a72;
  --secondary:#0f2936;
  --accent:#d93b3b;
  --bg:#f8fafc;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',Arial; background:var(--bg); color:#333; line-height:1.6;}

/* TOPBAR */
.topbar{display:flex; justify-content:space-between; align-items:center; padding:12px 20px; background:var(--secondary); color:#fff; position:sticky; top:0; z-index:2000;}
.brand-text h1{font-size:14px; font-weight:700;}
.brand-text p{font-size:10px; opacity:0.8;}
.brand-logo{width:45px; height:45px; border-radius:5px; object-fit: cover;}
.call-btn{background:var(--accent); padding:8px 15px; border-radius:5px; color:#fff; text-decoration:none; font-weight:700; font-size:12px;}

/* MENU BAR */
.menu-bar{background:var(--primary); padding:5px 0; overflow-x: auto;}
.menu-list{display:flex; list-style:none; justify-content: center; padding: 10px;}
.menu-list li a{color:#fff; text-decoration:none; padding:10px 18px; font-size:14px; font-weight:600; white-space: nowrap;}
.menu-list li a:hover, .menu-list li a.active{background:rgba(255,255,255,0.1); border-radius:5px;}

/* HERO */
.hero{height:450px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; padding:20px;}
.hero-bg{position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(0.35); z-index:-1;}
.hero-content h2{font-size:32px; font-weight:700;}
.hero-content span{color:#ffcb2b;}
.hero-btns{margin-top:25px; display:flex; gap:12px; justify-content:center;}
.btn-main{background:var(--accent); color:#fff; padding:12px 25px; border-radius:50px; text-decoration:none; font-weight:700;}
.btn-sub{background:#fff; color:#333; padding:12px 25px; border-radius:50px; text-decoration:none; font-weight:700;}

/* STATS */
.stats-container{max-width:1150px; margin:20px auto; padding:0 20px;}
.stats-wrap{display:flex; gap:15px; justify-content:center; flex-wrap:wrap;}
.stat-card{flex:1; min-width:160px; padding:30px 10px; border-radius:20px; text-align:center; color:#fff; box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.stat-number{font-size:34px; font-weight:800;}
.glossy-blue{background: linear-gradient(135deg, #0b4a72, #2575fc);}
.glossy-red{background: linear-gradient(135deg, #d93b3b, #ff4b2b);}
.glossy-orange{background: linear-gradient(135deg, #f39c12, #ffb347);}
.glossy-dark{background: linear-gradient(135deg, #2c3e50, #4ca1af);}

/* DIRECTORS */
.directors-flex{display:flex; gap:20px; flex-wrap:wrap; justify-content:center; margin-top:50px;}
.founder-card{flex:1; min-width:300px; background:#fff; padding:60px 20px 30px; border-radius:25px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.05); margin-top:50px;}
.founder-photo-wrap{width:140px; height:140px; margin:-130px auto 15px auto; border-radius:50%; border:8px solid #fff; overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,0.1); background: #eee;}
.founder-photo{width:100%; height:100%; object-fit:cover;}

/* SERVICES */
.services-highlight{padding:40px 20px;}
.services-grid-main{display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:10px; margin-top:20px;}
.s-item{background:#fff; padding:15px; border-radius:10px; font-weight:600; color:var(--primary); border-left:5px solid var(--accent); box-shadow: 0 4px 10px rgba(0,0,0,0.04);}

/* FORM */
.big-form-card{background:#fff; padding:40px; border-radius:25px; box-shadow:0 15px 40px rgba(0,0,0,0.06); border-top:8px solid var(--accent);}
.form-row{display:grid; grid-template-columns: 1fr 1fr; gap:15px;}
.enquire-form input, .enquire-form textarea{width:100%; padding:15px; margin-bottom:15px; border:1px solid #ddd; border-radius:12px;}
.btn-submit-large{background:var(--accent); color:#fff; border:none; width:100%; padding:18px; border-radius:12px; font-size:18px; font-weight:700; cursor:pointer;}

/* FOOTER LOGO FIX */
.footer-container{display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:40px; max-width:1150px; margin:auto;}
.f-logo-wrap{background: #fff; width: fit-content; padding: 5px; border-radius: 5px; margin-bottom: 20px;}
.footer-logo{width:80px; display: block; object-fit: contain;}
footer{background:var(--secondary); color:#fff; padding:60px 20px 20px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1); margin-top:40px; padding-top:20px; text-align:center;}
.footer-bottom a{color:#ffcb2b; text-decoration:none; font-weight:700;}

/* FLOATING */
.float-left, .float-right{position:fixed; bottom:25px; color:#fff; padding:12px 20px; border-radius:50px; text-decoration:none; font-weight:700; z-index:3000;}
.float-left{left:25px; background:var(--accent);}
.float-right{right:25px; background:#25D366; font-size: 24px;}

@media(max-width:768px){
    .form-row{grid-template-columns: 1fr;}
    .menu-list{justify-content: flex-start;}
}