body {font-family:'Segoe UI',Arial,sans-serif;margin:0;background:#f5f7fb;color:#222;}
.navbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#0b3d5c;padding:15px 20px;color:#fff}
.navbar a{color:#fff;margin:5px 10px;text-decoration:none;font-weight:500}
.hero{padding:90px 20px;text-align:center;background:linear-gradient(to right,#0b3d5c,#1479a8);color:#fff}
.section{padding:40px 20px;text-align:center}
.cards,.steps,.flags,.testimonials,.tools{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}

.card,.step,.testimonial{
background:#fff;padding:20px;border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,.08);width:300px;text-align:left
}

.card img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.step{text-align:center;width:220px}
.testimonial{text-align:center}

.flag{display:flex;flex-direction:column;align-items:center;font-size:14px}
.flag img{height:32px;margin-bottom:6px}

/* Technology icons resized (V17 fix) */
.tools img{
height:32px;
width:auto;
object-fit:contain;
opacity:0.9;
transition:transform .2s ease;
}
.tools img:hover{transform:scale(1.1);}

.cta{background:linear-gradient(to right,#1479a8,#0b3d5c);color:white;padding:60px 20px;text-align:center}
.cta a{background:white;color:#0b3d5c;padding:12px 20px;border-radius:6px;text-decoration:none;font-weight:bold}

.footer{display:flex;justify-content:space-around;background:#0b3d5c;color:#fff;padding:30px;flex-wrap:wrap}
.footer div{width:260px;margin:10px}

.copy{text-align:center;background:#072a3f;color:#fff;padding:12px;font-size:14px}

.floating-cta{
position:fixed;bottom:20px;right:20px;background:#1479a8;
color:white;padding:12px 18px;border-radius:30px;text-decoration:none;
font-weight:bold;box-shadow:0 4px 12px rgba(0,0,0,.2)
}

img{max-width:100%;height:auto}