*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#0a2f68;}
a{
    text-decoration: none;
}
.container{width:90%;max-width:1400px;margin:auto}
.header{padding:25px 0;position:sticky;top:0;z-index:1000;background:#fff}.header .container{display:flex;justify-content:space-between;align-items:center}
nav a{margin:0 12px;color:#0a2f68}
.btn{background:#0876de;color:#fff;padding:14px 22px;border-radius:10px;text-decoration:none}
.green{background:#25d366}
.hero{padding:80px 0;background:linear-gradient(#fff,#eef7ff)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.tag{background:#0c75df;color:#fff;padding:8px 15px;border-radius:20px}
h1{font-size:70px;margin:20px 0}
ul{list-style:none;margin:20px 0}li{padding:7px 0}
.hero-img{height:450px;background:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.placeholder{font-size:32px;color:#8aa}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:70px 0}
.card{padding:35px;background:#fff;border-radius:18px;box-shadow:0 5px 20px rgba(0,0,0,.06);text-align:center}
.card i{font-size:35px;color:#0c75df;margin-bottom:10px}
@media(max-width:991px){.hero-grid,.stats{grid-template-columns:1fr 1fr}h1{font-size:46px}}
@media(max-width:768px){nav{display:none}.hero-grid,.stats{grid-template-columns:1fr}}
.services,.reviews,.why{display:grid;gap:25px}.stats{grid-template-columns:repeat(4,1fr);padding:70px 0}.services{grid-template-columns:repeat(3,1fr)}.why{grid-template-columns:repeat(4,1fr)}.reviews{grid-template-columns:repeat(3,1fr)}
.card,.service,.review{background:#fff;padding:30px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.service i{font-size:32px;color:#0a79e8;margin-bottom:15px}
.service h4{font-size: 24px;}
.section{padding:80px 0}.light{background:#f7fbff}.title{text-align:center;margin-bottom:40px;font-size:38px}.brands{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.brands span{padding:18px 30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.05)}

.bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}
.cta{background:linear-gradient(135deg,#001f62,#003a92);padding:38px;border-radius:18px;color:#fff}
.cta small{font-size:18px;font-weight:700}
.cta h2{font-size:42px;margin:10px 0 25px}
.cta li{list-style:none;margin:14px 0;font-size:18px}
.btns{display:grid;gap:15px;margin-top:25px;grid-template-columns: repeat(2, 1fr);text-align: center;}
.btn{padding:16px 26px;border-radius:12px;font-weight:700;color:#fff}
.btn a{
    color:#fff;
    text-decoration: none;
}
.blue{background:#1386f0}.green{background:#22c55e}
.contact{background:#fff;border:1px solid #edf2f8;padding:38px;border-radius:18px}
.item{display:flex;gap:16px;margin-bottom:22px}
.item i{font-size:24px;color:#1386f0;width:28px}
.footer-wrap{position:relative;}
.wave svg{display:block;width:100%;height:110px}
.footer{background:#003081;color:#fff;padding:30px 40px;display:flex;justify-content:space-between;font-size:15px; margin-top: -1px;}
.whatsapp{
position:fixed;
right:25px;
bottom:25px;
width:64px;
height:64px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 8px 25px rgba(0,0,0,.25);
z-index:999;
text-decoration:none;
}
.whatsapp i{color:#fff;font-size:34px}
@media(max-width:992px){
.reviews,.bottom{grid-template-columns:1fr}
.footer{flex-direction:column;gap:10px;text-align:center}
.title{font-size:36px}
}
.feature .bottom{margin-top:35px;background:#eaf3fc;padding:25px;border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.feature .bottom .point{display:flex;align-items:center;gap:15px;border-right:1px solid #cfdcf0;padding:10px}
.feature .bottom .point:last-child{border:none}
.feature .bottom .point i{font-size:34px;color:#1e73e8}
.feature .bottom .point span{font-weight:700;font-size:20px;text-wrap: auto;text-align: left;}


.grid {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:16px;
margin-bottom:50px;
}

.chip {
background:#ffffff;
padding:12px 22px;
border-radius:50px;
display:flex;
align-items:center;
gap:8px;
font-size:18px;
font-weight:500;
color:#0b3e91;
box-shadow:0 4px 10px rgba(0,0,0,.08);
transition:all .3s ease;
}

.chip:hover {
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.desc {
max-width:760px;
margin:auto auto 50px;
font-size:22px;
line-height:1.7;
color:#54657b;
text-align: center;
}
.note {
font-size:20px;
color:#5d6f84;
margin-bottom:30px;
}
.serv{
    padding-bottom:0;
}
.features{display:grid;grid-template-columns:repeat(6,1fr); margin-top: 3rem;}
.feature{text-align:center;padding:0 18px;border-right:1px solid #dfe8f5;min-height:220px;display:flex;flex-direction:column;align-items:center}
.feature:last-child{border:none}
.feature i{font-size:42px;color:#1f74d9;margin-bottom:18px}
.feature h4{font-size:18px;font-weight:800;line-height:1.35;margin-bottom:10px;color:#07174a;max-width:150px;min-height:54px;display:flex;align-items:center;justify-content:center}
.feature p{font-size:14px;color:#555;line-height:1.55;max-width:155px;margin:auto}
@media(max-width:1200px){
.features{grid-template-columns:repeat(3,1fr);gap:40px}
.feature{border:none}
}
@media(max-width:768px){
.features{grid-template-columns:1fr}
.feature h4{font-size:22px}
}
.label{text-align:center;color:#1968dc;font-weight:700;letter-spacing:2px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.serv-card{background:#fff;border:1px solid #d8e8ff;border-radius:24px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.image {height:250px;display:flex;align-items:center;justify-content:center;background:#f7fbff;}
.image img{height:250px;padding-top: 25px; width: 90%;}
.serv-card .icon{width:72px;height:72px;border-radius:50%;background:#1668de;color:#fff;margin:-36px auto 0;display:flex;align-items:center;justify-content:center;font-size:28px;border:5px solid #fff}
.content{padding:25px;text-align:center}
.content h3{font-size:20px;color:#09245d}
.line{width:70px;height:4px;background:#1668de;border-radius:20px;margin:15px auto}
.content p{color:#56657d;line-height:1.7}
.serv .card i {
    font-size: 30px;
    color: #ffffff;
    margin: 0;
}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:42px}}
@media(max-width:700px){.cards{grid-template-columns:1fr}}
.serv-features{text-align:center;margin-top:25px;color:#15366d}