:root{
  --deep-blue:#0d3b66;
  --steel-grey:#6b7b8c;
  --accent:#1e5f9f;
  --muted:#f5f7fa;
  --gold: #c9a15b;
  --glass: rgba(255,255,255,0.08);
}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:#16324f;
  background:linear-gradient(180deg,#fcfdff 0%, #f6f9fc 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hero-section{
  color:#fff;
  text-shadow:0 4px 20px rgba(6,18,34,0.45);
  position:relative;
  overflow:hidden;
}
.services-grid .card{background:rgba(255,255,255,.95);border:0;}
.cta-banner a{border-radius:10px;box-shadow:0 10px 30px rgba(13,59,102,0.12);transition:transform .18s;}
footer a{text-decoration:none;color:inherit;}
.whatsapp-float{position:fixed;right:18px;bottom:90px;z-index:1000}
.call-float{position:fixed;left:18px;bottom:90px;background:var(--deep-blue);color:#fff;padding:12px 20px;border-radius:30px;z-index:1000;box-shadow:0 8px 24px rgba(13,59,102,0.18)}
/* responsive tweaks */
@media(max-width:767px){
  .hero-section{padding:80px 0;}
}

/* Mobile adjustments for rental CTA */
@media(max-width:767px){
  .rental-cta{flex-direction:column;align-items:stretch;gap:10px;}
  .rental-cta .rental-price{order:0;margin-bottom:6px;font-size:1.05rem;text-align:left;}
  .rental-cta .btn, .rental-cta .btn-outline-gold{width:100%;display:block;}
  .rental-chip{font-size:0.9rem;padding:8px 10px;}
}

/* Logo sizing in header */
.navbar-brand .site-logo{height:72px;max-height:72px;width:auto;}
@media(max-width:991px){
  .navbar-brand .site-logo{height:56px;max-height:56px;}
  .navbar-brand div{display:none;}
}

/* Enhanced page elements */
.stats-grid {display:flex;gap:1rem;flex-wrap:wrap;}
.stat {background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 18px rgba(13,59,102,0.08);flex:1;min-width:160px;text-align:center;}
.stat h3{color:var(--deep-blue);margin:0;font-size:1.6rem;}
.timeline {border-left:4px solid var(--steel-grey);padding-left:20px;margin-top:10px;}
.timeline-item{margin-bottom:18px;position:relative;}
.timeline-item:before{content:'';position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--deep-blue);box-shadow:0 0 0 4px rgba(13,59,102,0.08);}
.service-card{border:1px solid #e8eef6;padding:20px;border-radius:10px;transition:transform .18s,box-shadow .18s;}
.service-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(16,40,80,0.06);}
.service-ico{font-size:28px;color:var(--accent);width:56px;height:56px;border-radius:8px;background:#f3f9ff;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;}
.service-ico i{font-size:24px;padding:20px;}
.cta-strip{background:linear-gradient(90deg,var(--deep-blue),var(--accent));padding:28px;border-radius:10px;color:#fff;}
.form-highlight{border-left:4px solid var(--accent);padding-left:14px;}
.faq .accordion-button:not(.collapsed){background:#f6fbff;color:var(--deep-blue);}
.small-muted{color:#6b7b8c;font-size:0.95rem;}

/* Navigation / header */
.navbar{
  background:linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.55));
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 24px rgba(11,28,48,0.06);
  border-bottom: 1px solid rgba(13,59,102,0.04);
}
.navbar .nav-link{color:var(--deep-blue);font-weight:600;padding:0.6rem 1rem;border-radius:6px;transition:all .15s;}
.navbar .nav-link:hover{background:rgba(13,59,102,0.06);transform:translateY(-2px);}
.navbar .btn-primary{background:linear-gradient(90deg,var(--deep-blue),var(--accent));border:0;padding:10px 18px;border-radius:10px;font-weight:600;box-shadow:0 12px 30px rgba(13,59,102,0.12);}
.navbar .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(13,59,102,0.18);}

/* Global buttons */
.btn-primary{
  background:linear-gradient(90deg,var(--deep-blue),var(--accent));
  border:0;color:#fff;padding:10px 18px;border-radius:12px;font-weight:700;box-shadow:0 14px 34px rgba(13,59,102,0.12);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(13,59,102,0.18);}
.btn-outline-light{
  background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.18);padding:10px 16px;border-radius:12px;
}
.btn-light{
  background:#fff;color:var(--deep-blue);border-radius:12px;padding:10px 16px;box-shadow:0 8px 30px rgba(13,59,102,0.06);
}

.cta-banner{background:linear-gradient(90deg,var(--deep-blue),#123a64);padding:28px;border-radius:12px;}
.cta-banner a{border-radius:10px;padding:10px 18px;}

.rental-overview{
  background: linear-gradient(180deg, rgba(13,59,102,0.06), rgba(30,95,159,0.02));
  border-radius:12px;
  padding:28px;
  box-shadow:0 18px 40px rgba(16,40,80,0.05);
}
.rental-left{min-width:220px;}
.rental-overview .row{align-items:center;}
.rental-title{font-family:'Playfair Display', serif;font-size:1.6rem;color:var(--deep-blue);margin-bottom:8px;}
.rental-desc{color:#23475f;}
.rental-features{display:flex;flex-direction:column;gap:8px;margin-top:12px;}
.rental-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.9),rgba(255,255,255,0.95));box-shadow:0 8px 22px rgba(13,59,102,0.06);font-weight:600;color:var(--deep-blue);}
.rental-price{font-size:1.25rem;font-weight:700;color:var(--deep-blue);}
.rental-cta{display:flex;gap:10px;align-items:center;margin-top:14px;}
.btn-outline-gold{background:transparent;border:2px solid var(--gold);color:var(--gold);padding:10px 16px;border-radius:10px;font-weight:700;}
.btn-outline-gold:hover{background:var(--gold);color:#052035;transform:translateY(-3px);box-shadow:0 18px 40px rgba(201,161,91,0.12);}

/* Clients logos track */
.clients-section{padding:36px 0;}
.clients-section{background:#fff;}
.clients-track{display:flex;gap:28px;overflow-x:auto;padding:16px 8px;scroll-behavior:smooth;align-items:center;}
.clients-track::-webkit-scrollbar{height:8px;}
.clients-track::-webkit-scrollbar-thumb{background:rgba(13,59,102,0.12);border-radius:4px;}
.client-logo{flex:0 0 auto;max-width:140px;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(180deg, #ffffff, #fbfdff);border-radius:10px;box-shadow:0 8px 24px rgba(16,40,80,0.04);}
.client-logo img{max-width:100%;object-fit:contain;opacity:0.92;filter:grayscale(0.0);transition:transform .18s,filter .18s,opacity .18s;}
.client-logo img:hover{transform:translateY(-6px) scale(1.02);filter:grayscale(0);opacity:1;}
.clients-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.clients-heading h4{margin:0;font-family:'Playfair Display', serif;color:var(--deep-blue);}

/* clients carousel indicators style */
.clients-section .carousel-indicators{
  bottom:-50px;
}
.clients-section .carousel-indicators [data-bs-target]{
  width:10px;height:10px;border-radius:50%;background:rgba(6,18,34,0.15);border:none;margin:0 6px;
}
.clients-section .carousel-indicators .active{background:var(--deep-blue);width:12px;height:12px;}

/* ensure rental image aligns right on large screens */
.rental-right .img-fluid{display:block;margin-left:auto;}

/* Hero specifics */
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(13,59,102,0.55), rgba(13,59,102,0.25));mix-blend-mode:multiply;}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.04));backdrop-filter: blur(6px);padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,0.08);box-shadow:0 30px 80px rgba(6,18,34,0.35);}
.hero-card h1{font-family:'Playfair Display', serif;color:#fff;font-size:2.2rem;margin-bottom:0.4rem;}
.hero-card p.lead{color:rgba(255,255,255,0.92);font-size:1.05rem;margin-bottom:1rem;}
.cta-hero{display:inline-flex;gap:12px;}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.18);color:#fff;padding:10px 16px;border-radius:10px;}
.btn-gold{background:linear-gradient(90deg,var(--gold),#e6c86b);color:#052035;border:0;padding:10px 18px;border-radius:12px;font-weight:700;box-shadow:0 12px 30px rgba(201,161,91,0.18);}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(201,161,91,0.22);}

/* Cards and forms */
.card{border-radius:12px;}
.card p, .card h5{color:#12314a;}

/* Footer refinements */
footer{background:linear-gradient(180deg,#081c33 0%, #062033 100%);color:#cfe6ff;}
footer a.text-white{color:#f7f9fc;}

/* responsive tweaks */
@media(max-width:767px){
  .hero-section{padding:80px 0;}
}

/* Passport-style portrait */
.portrait-passport{
  width:120px;
  height:150px;
  object-fit:cover;
  border-radius:6px;
  border:2px solid rgba(255,255,255,0.12);
  box-shadow:0 10px 30px rgba(6,18,34,0.18);
  background:#fff;
  display:inline-block;
  margin:0 auto;
}




