*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

background:#f8fafc;

color:#263238;

}

.hero{

background:linear-gradient(135deg,#003B95,#0D6EFD);

color:white;

padding:120px 0;

}

.hero h1{

font-size:60px;

font-weight:700;

}

.hero p{

font-size:22px;

opacity:.9;

}

.btn-primary{

background:#0056D2;

border:none;

padding:12px 28px;

border-radius:10px;

}

.service-card{

background:white;

border-radius:18px;

padding:35px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.3s;

height:100%;

}

.service-card:hover{

transform:translateY(-10px);

}

.service-card i{

font-size:48px;

color:#0056D2;

margin-bottom:20px;

}

.about{

padding:100px 0;

}

.cta{

background:#0D47A1;

padding:90px;

color:white;

text-align:center;

}
.hero{

background:
linear-gradient(
135deg,
#003B95 0%,
#0D6EFD 100%
);

color:white;

padding:120px 0;

overflow:hidden;

}
.hero-image{

width:100%;

animation:float 6s ease-in-out infinite;

}
/* ======================================================
   NAVBAR
====================================================== */

.emw-navbar{

    background:rgba(0,58,145,.96);

    backdrop-filter:blur(8px);

    padding:15px 0;

    transition:.3s;

    box-shadow:0 5px 20px rgba(0,0,0,.12);

}

.navbar-brand img{

    height:58px;

}

.navbar-nav .nav-link{

    color:white !important;

    font-weight:600;

    margin:0 12px;

    letter-spacing:.5px;

    transition:.3s;

}

.navbar-nav .nav-link:hover{

    color:#9fd0ff !important;

}

.navbar-nav .nav-link.active{

    border-bottom:3px solid white;

}

.emw-navbar .btn{

    border-radius:10px;

    padding:10px 22px;

}