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

body{

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

background:#f8fafc;

color:#263238;

}

.hero h1{
    color:#ffffff;
    font-size:52px;
    font-weight:700;
    line-height:1.15;
}

.hero p{
    color:#ffffff;
    font-size:18px;
    line-height:1.8;
}
.hero .badge{

    color:white;

}
.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 h2{
    color:#ffffff;
    font-size:36px;
    font-weight:500;
    line-height:1.10;
}
.about p{
    color:#ffffff;
    font-size:18px;
    line-height:1.8;
}
.about{
    background:
        linear-gradient(
            rgba(1, 78, 84, 0.845),
            rgba(4, 128, 211, 0.482)
        ),
        url("../images/737fleet.jpeg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:100px 0;

}
.about-image{
    transition:.4s;
}

.about-image:hover{
    transform:scale(1.02);
}

.cta{
background:#0D47A1;
padding:90px;
color:white;
text-align:center;
}


.hero{
    background:
        linear-gradient(
            90deg,
            rgba(0,58,145,.90),
            rgba(0,90,220,.55)
        ),
        url("../images/hero-aircraft.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:700px;
    display:flex;
    align-items:center;
}

.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-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;
}
/* Navbar */
.navbar-brand img{
    height:58px;
    width:auto;
}

/* Login */
.login-logo{
    width:180px;
    height:auto;
}

/* Footer */
.footer-logo{
    height:40px;
    width:auto;
    .footer .row{

align-items:flex-start;
}

/*=================================================
FOOTER
=================================================*/

.footer{
    background:
    linear-gradient(
        180deg,
        #0B2E6F 0%,
        #041E49 100%
    );
    color:#ffffff;
    padding:40px 0 20px;
}

.footer h5{
    color:white;
    margin-bottom:20px;
    font-weight:600;
}

.footer p{

    color:#d8d8d8;

    line-height:1.8;

}

.footer hr{

    border-color:rgba(255,255,255,.15);

    margin:35px 0;

}

.footer-menu{
    list-style:none;
    padding:0;
    margin:0;

}

.footer-menu li{
    margin-bottom:8px;
}

.footer-menu a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.footer-menu a:hover{
    color:white;
    padding-left:8px;

}
.footer-wrapper{
    background:#03142f;
    padding:0;
}
.emw-footer{
    background:#03142f;
    color:#fff;
    padding:40px 0 20px;
}

.emw-footer h5,
.emw-footer p,
.emw-footer a{
    color:#fff;
}

}
.social-icon{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:white;
    margin-right:10px;
    transition:.3s;
    text-decoration:none;
}

.social-icon:hover{
    background:#1976D2;
    transform:translateY(-3px);
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:25px;
    padding-top:20px;
    font-size:14px;
}
footer.footer{
    background:#03142f !important;
    color:#ffffff !important;
}

footer.footer a{
    color:#ffffff !important;
}

footer.footer h5{
    color:#ffffff !important;
}