:root{--blue:#21406A;--blue-2:#2D527A;--ink:#0F1B2E;--muted:#6B7B92;--bg:#F5F6F8;--white:#fff;--shadow:0 14px 34px rgba(16,34,62,.12)}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--white);color:#283044;line-height:1.6}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(6px);border-bottom:1px solid #e8eef5}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 20px}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:42px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{color:var(--ink);text-decoration:none;padding:10px 12px;border-radius:10px}
.nav-links a.cta{background:var(--blue);color:#fff;box-shadow:var(--shadow)}
.call-mobile{display:none}
.burger{display:none;flex-direction:column;gap:4px;border:0;background:transparent;padding:8px;cursor:pointer}
.burger span{display:block;width:26px;height:3px;background:var(--ink);border-radius:3px}
.mobile-menu{display:none;flex-direction:column;padding:6px 20px 14px;border-bottom:1px solid #e8eef5}
.mobile-menu a{padding:10px 0;color:var(--ink);text-decoration:none}
.mobile-call{margin-top:6px;display:block;background:var(--blue);color:#fff;text-align:center;padding:12px;border-radius:12px}
.hero{position:relative;min-height:68vh;display:flex;align-items:center;overflow:hidden;background:#0f172a}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(15,27,46,.78), rgba(15,27,46,.2));z-index:1}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(10%) brightness(.9)}
.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}
.hero h1{color:#fff;font-size:clamp(32px,5vw,56px);line-height:1.15;margin:0 0 8px}
.hero p{color:#e3ebf6;max-width:700px;margin:0 0 16px}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{background:var(--blue);color:#fff;padding:12px 16px;border-radius:12px;text-decoration:none;display:inline-block;box-shadow:var(--shadow)}
.btn-outline{border:2px solid #fff;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none}
.section{padding:52px 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:#fff;border:1px solid #e6edf4;border-radius:16px;box-shadow:var(--shadow);padding:18px}
.card img{border-radius:12px}
.testimonials{background:var(--bg)}
.quote{background:#fff;border:1px solid #e6edf4;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.quote .who{display:flex;align-items:center;gap:12px;margin-top:10px}
.avatar{width:42px;height:42px;border-radius:50%;background:#dfe6f1}
.service{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;margin:22px 0}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;cursor:pointer;border:1px solid #e2e9f2}
.lightbox{position:fixed;inset:0;background:rgba(6,16,34,.88);display:none;align-items:center;justify-content:center;z-index:100}
.lightbox img{max-width:90vw;max-height:82vh;border-radius:12px;box-shadow:var(--shadow)}
.lightbox .close{position:absolute;top:16px;right:16px;font-size:20px;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;border:1px solid #dbe5f0}
.lightbox .navbtn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #dbe5f0;border-radius:10px;padding:8px 12px;cursor:pointer}
.lightbox .prev{left:16px}.lightbox .next{right:16px}
.form{max-width:760px;margin:0 auto}
label{display:block;margin:8px 0 6px}
input,select,textarea{width:100%;padding:12px;border:1px solid #ccd6e3;border-radius:10px;background:#fff}
.footer{background:var(--ink);color:#cbd6e6;margin-top:40px}
.footer .inner{max-width:1200px;margin:0 auto;padding:26px 20px;display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px}
.footer a{color:#dfe8f6;text-decoration:none}
.footer .logo{height:40px;margin-bottom:10px}
.footer .socials{display:flex;gap:12px;margin-top:8px}
.footer .bottom{border-top:1px solid #2a3a55;margin-top:12px;padding:14px 20px;text-align:center;font-size:14px;color:#98a6bf}
@media (max-width: 980px){.grid-3{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.service{grid-template-columns:1fr}}
@media (max-width: 640px){.nav-links{display:none}.burger{display:flex}.mobile-menu{display:flex}.call-mobile{display:block}.gallery{grid-template-columns:repeat(2,1fr)}}
/* Constrain all images to their container */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Make gallery images consistent and no horizontal scroll */
.gallery img {
  width: 100%;
  height: 200px;           /* or 180px or whatever you prefer */
  object-fit: cover;
  border-radius: 10px;
}

/* Ensure the page body never overflows horizontally */
body {
  overflow-x: hidden;
}