body{

    background:#f7f8fc;

    font-family:Arial,Helvetica,sans-serif;

}

.navbar{

    background:#ffffff;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.navbar-brand img{

    transition:.3s;

}

.navbar-brand img:hover{

    transform:scale(1.05);

}

.hero{

    background:
        linear-gradient(
            rgba(0,0,0,.35),
            rgba(0,0,0,.35)
        ),
        url("../img/banners/banner-logo.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    min-height:80vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#fff;

    padding:80px 20px;

}

.logo-banner{

    width:180px;

    max-width:90%;

    margin-bottom:25px;

    filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));

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

}

.hero h1{

    font-size:3.3rem;

    font-weight:800;

    line-height:1.2;

    margin-bottom:20px;

    text-shadow:0 5px 18px rgba(0,0,0,.55);

}

.hero p{

    font-size:1.4rem;

    max-width:850px;

    margin:auto;

    margin-top:25px;

    text-shadow:0 3px 12px rgba(0,0,0,.55);

}

.hero .btn{

    border-radius:50px;

    padding:18px 40px;

    font-size:1.2rem;

    font-weight:600;

    transition:.3s;

}

.hero .btn:hover{

    transform:translateY(-3px);

}

.card-home{

    background:#fff;

    border:none;

    border-radius:20px;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    padding:30px;

    height:100%;

    transition:.3s;

}

.card-home:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.card{

    border:none;

    border-radius:20px;

    overflow:hidden;

}

.card img{

    transition:.4s;

}

.card:hover img{

    transform:scale(1.05);

}

.btn-primary{

    background:#1d4ed8;

    border:none;

}

.btn-primary:hover{

    background:#1e40af;

}

.btn-success{

    border:none;

}

section{

    padding-top:70px;

    padding-bottom:70px;

}

h2{

    font-weight:700;

    margin-bottom:20px;

}

footer{

    background:#ffffff;

    border-top:1px solid #e9ecef;

    padding:40px 0;

}

footer p{

    margin:0;

    color:#777;

}

@media (max-width:768px){

    .hero{

        min-height:60vh;

        padding:60px 20px;

    }

    .hero h1{

        font-size:2.3rem;

    }

    .hero p{

        font-size:1.1rem;

    }

    .navbar-brand img{

        height:55px !important;

    }

}

@keyframes flutuar{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0px);

    }

}

footer{

    background:#0f172a !important;

    color:#fff;

}

footer h4,
footer h5{

    color:#fff;

}

footer p{

    color:#d1d5db;

}

footer hr{

    opacity:.2;

}

footer .btn{

    border-radius:30px;

}