.elementor-7722 .elementor-element.elementor-element-a4c597a{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-f5366f2 */:root{
  --navy:#1e3a5f;
  --navy-dark:#16293f;
  --navy-bar:#152a44;
  --blue:#2563eb;
  --blue-hover:#1d4ed8;
  --link:#2563eb;
  --ink:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --bg:#ffffff;
  --soft:#f9fafb;
  --radius:8px;
  --shadow:0 1px 2px rgba(16,24,40,.05);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* hero */
.hero{background:var(--navy);color:#fff;padding:88px 0}
.hero h1{font-size:30px;font-weight:700;max-width:640px;line-height:1.3}
.hero .actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.btn-primary{
  background:var(--blue);color:#fff;font-weight:600;font-size:15px;
  padding:13px 22px;border-radius:8px;display:inline-flex;gap:9px;align-items:center;
}
.btn-primary:hover{background:var(--blue-hover)}
.btn-ghost{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);
  color:#fff;font-weight:600;font-size:15px;padding:13px 22px;border-radius:8px;
}
.btn-ghost:hover{background:rgba(255,255,255,.16)}
.trust{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap;font-size:14px;color:#cdd9e8}
.trust span{display:inline-flex;gap:7px;align-items:center}
.trust .chk{color:#7dd3a0;font-weight:700}

/* intro */
.intro{padding:48px 0;text-align:center}
.intro p{max-width:760px;margin:0 auto;color:#4b5563;font-size:16px;line-height:1.7}
.intro a{color:var(--blue);font-weight:600}

/* sections */
.svc-section{padding:30px 0;border-top:1px solid var(--line)}
.svc-section:first-of-type{border-top:none}
.svc-section h2{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:26px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;
  transition:box-shadow .15s ease,transform .15s ease;
}
.card:hover{box-shadow:0 6px 18px rgba(16,24,40,.08);transform:translateY(-2px)}
.card h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:10px}
.card p{font-size:14px;color:var(--muted);line-height:1.6;flex:1}
.card .more{margin-top:16px;color:var(--link);font-weight:600;font-size:14px;display:inline-flex;gap:5px;align-items:center}
.card .more:hover{gap:9px}

.standalone{font-size:15px;color:#4b5563;padding:4px 0 8px}
.standalone a{color:var(--blue);font-weight:600}

/* mid CTA */
.midcta{background:var(--navy);color:#fff;text-align:center;padding:54px 0;margin-top:30px}
.midcta p{font-size:18px;line-height:1.6;max-width:680px;margin:0 auto}
.midcta .sub{color:#aebfd4;font-size:15px;margin-top:6px}
.midcta .actions{display:flex;gap:14px;justify-content:center;margin-top:24px;flex-wrap:wrap}

/* footer */
footer{background:var(--navy-dark);color:#c2cfe0;padding:56px 0 0;font-size:14px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1.3fr 1fr;gap:36px}
footer h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:16px}
footer .desc{line-height:1.7;color:#9fb0c6;max-width:280px}
footer ul{list-style:none}
footer li{margin-bottom:9px}
footer a:hover{color:#fff}
.fcontact div{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px;line-height:1.5}
.fsocial{display:flex;gap:12px;margin-top:18px}
.fsocial a{width:34px;height:34px;border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.fsocial a:hover{background:var(--blue)}
.fbottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding:22px 0;text-align:center;color:#8295ad;font-size:13px}

@media(max-width:980px){
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .grid{grid-template-columns:1fr}
  .hero{padding:60px 0}
  .hero h1{font-size:24px}
}/* End custom CSS */