/* ===========================
   LDP INTERNET
   STYLE.CSS
=========================== */

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

html{
    scroll-behavior:smooth;
}

body{

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

    color:#333;

    background:#fff;

    overflow-x:hidden;

}

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

.navbar{

    transition:.4s;

    padding:18px 0;

    background:rgba(10,30,60,.35);

    backdrop-filter:blur(12px);

}

.navbar.scrolled{

    background:#0F4C81;

    padding:10px 0;

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

}

.navbar-brand img{

    height:48px;

}

.nav-link{

    color:#fff !important;

    margin-left:18px;

    font-weight:500;

}

.nav-link:hover{

    color:#00E676 !important;

}

/* ===========================
BUTTON
=========================== */

.btn{

    border-radius:40px;

    padding:12px 28px;

    transition:.3s;

}

.btn-success{

    background:#00C853;

    border:none;

}

.btn-success:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,200,83,.35);

}

.btn-primary{

    background:#0F4C81;

    border:none;

}

.btn-primary:hover{

    transform:translateY(-3px);

}

/* ===========================
HERO
=========================== */

.hero{

    position:relative;

    min-height:100vh;

    background:url("../img/bg.jpg");

    background-size:cover;

    background-position:center;

}

.overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

}

.hero .container{

    position:relative;

    z-index:5;

}

.hero h1{

    font-size:60px;

    line-height:1.2;

}

.hero p{

    font-size:20px;

    opacity:.95;

}

.hero-image{

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

    max-width:100%;

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0px);

}

}

/* ===========================
FEATURE
=========================== */

.feature-box{

    background:#fff;

    border-radius:18px;

    padding:40px 25px;

    text-align:center;

    transition:.3s;

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

}

.feature-box:hover{

    transform:translateY(-10px);

}

.feature-box i{

    font-size:50px;

    color:#00C853;

    margin-bottom:20px;

}

.feature-box h4{

    font-weight:700;

    margin-bottom:15px;

}