<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
body{background:#f5f7fa;color:#333;}

header{
background:linear-gradient(135deg,#0a2540,#007bff);
color:#fff;text-align:center;padding:60px 20px;
}
.home-btn{
position:fixed;
bottom:80px;
right:20px;
background:#007bff;
color:#fff;
padding:15px;
border-radius:50%;
text-decoration:none;
font-size:18px;
}

.btn{
display:inline-block;margin:10px;padding:12px 25px;
background:#25D366;color:#fff;border-radius:30px;
text-decoration:none;font-weight:bold;border:none;cursor:pointer;
}

.btn-blue{background:#007bff;}


.banner{
background:#ff9800;color:#fff;padding:20px;text-align:center;font-weight:bold;
}

.lead-section{padding:50px 20px;}

.lead-box{
max-width:900px;margin:auto;background:#ffffff;padding:30px;
border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08);
display:flex;flex-wrap:wrap;align-items:center;gap:20px;
}

.lead-left{flex:1;min-width:200px;text-align:center;}

.lead-img{
width:120px;height:120px;border-radius:50%;
object-fit:cover;border:4px solid #007bff;
}

.lead-name{margin-top:10px;font-weight:bold;}

.lead-right{flex:2;min-width:250px;}

.lead-right h2{margin-bottom:10px;color:#0a2540;}

.lead-right p{margin-bottom:15px;color:#555;font-size:15px;}

.btn-whatsapp{
background:#25D366;color:#fff;padding:14px 28px;
border-radius:30px;text-decoration:none;font-weight:bold;
display:inline-block;
}

section{padding:60px 20px;text-align:center;}

.services{
display:flex;flex-wrap:wrap;justify-content:center;gap:20px;
}

.card{
background:#fff;padding:20px;width:320px;
border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08); overflow:hidden;
}

.card input{width:100%;padding:8px;margin:5px 0; box-sizing:border-box;}

.result{margin-top:10px;font-weight:bold;}

canvas{margin-top:10px;}

.footer{
background:#0a2540;color:#fff;padding:40px 20px;
display:flex;flex-wrap:wrap;gap:20px;justify-content:center;
}

.footer-box{flex:1;min-width:280px;}

.whatsapp{
position:fixed;bottom:20px;right:20px;
background:#25D366;color:#fff;padding:15px;border-radius:50%;
text-decoration:none;
}
/* NAVIGATION FIX */
.banner{
background:#ff9800;
color:#fff;
padding:15px 10px;
text-align:center;
}

/* NAVIGATION */
.nav{
margin-bottom:10px;
}

.nav a{
color:#ffffff;
text-decoration:none;
margin:0 15px;
font-weight:500;
font-size:18px;
position:relative;
display:inline-block;
}

/* underline animation */
.nav a::after{
content:'';
position:absolute;
width:0%;
height:2px;
left:0;
bottom:-5px;
background:#ffffff;
transition:0.3s ease;
}

.nav a:hover::after{
width:100%;
}

/* TEXT BELOW NAV */
.banner-text{
font-weight:bold;
}
</style>
