body{
background:#f5f7fb;
}

/* NAVBAR */

.navbar-custom{
background-color: #071d40;
}

.navbar-custom .nav-link{
color:white !important;
font-weight:500;
}

.navbar-custom .nav-link:hover{
opacity:0.8;
}

/* DROPDOWN */

.dropdown-menu{

border-radius:10px;

box-shadow:0 8px 20px rgba(0,0,0,0.15);

}

.dropdown-item{
font-weight:500;
transition:0.2s;

}

.dropdown-item:hover{

background-color: #071D40;
color:white;

}


/* CARDS */

.card-dados{
border:none;
border-radius:12px;
transition: all 0.3s ease;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.card-dados:hover{

transform: translateY(-8px);

box-shadow:0 10px 25px rgba(0,0,0,0.15);

}

/* Ícones */

.icon-dados{

font-size:40px;

color:#071d40;

}

/* BOTÃO */

.btn-primary{

background:#071d40;

border:none;

}

.btn-primary:hover{

background:#2c52d4;

}

/* FOOTER COMPLETO */

.footer{

background: #071d40;

color: white;

padding: 40px 20px;

margin-top: 60px;

width: 100%;

}

/* TÍTULOS */

.footer h5{

font-weight: 600;

margin-bottom: 15px;

}

/* LINKS */

.footer-links{

list-style: none;

padding: 0;

}

.footer-links li{

margin-bottom: 8px;

}

.footer-links a{

color: white;

text-decoration: none;

}

.footer-links a:hover{

text-decoration: underline;

}

/* REDES SOCIAIS */

.social-icons a{

color: white;

font-size: 22px;

margin-right: 15px;

transition: 0.3s;

}

.social-icons a:hover{

opacity: 0.7;

}

/* LINHA */

.footer hr{

border-color: rgba(255,255,255,0.3);

margin: 20px 0;

}

/* SEÇÕES */

section-block {
    margin-bottom: 40px;
}

/* IMAGENS */

img {
    transition: 0.3s;
}

img:hover {
    transform: scale(1.02);
}


/* HERO */

.hero {

background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
url('../img/server1.jpg');
border-radius:5px;
background-size: cover;
background-position: center;

padding: 100px 20px;

display: flex;
align-items: center;
justify-content: center;

text-align: center;

}

/* RESPONSIVO */

@media (max-width:768px){

.hero{
padding: 70px 20px;
}

.hero h1{
font-size: 1.8rem;
}

}

/* ANIMAÇÃO SCROLL */

.fade-in {

opacity: 0;
transform: translateY(100px);
transition: all 0.8s ease;

}

.fade-in.show {

opacity: 1;
transform: translateY(0);

}

#logo,#logo1{
height:100px;
width: 100px;

}