body {
    font-family: Calibri, sans-serif;
    margin: 0;
    padding: 0;
}

.navbar {
    background-color: #ffffff;
    text-align: center;
    padding-bottom: 0px; /* Adicionando espaço abaixo do menu */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
}

.navbar-content {
    display: flex;
    align-items: center; /* Centraliza verticalmente */
    justify-content: space-between;
    padding: 10px;
}

.navbar-links {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.navbar-links li {
    display: inline-block;
}

.navbar-links li a {
    display: block;
    color: #000000;
    text-align: center;
    padding: 20px 15px; /* aumentando o padding vertical para 25px */
    text-decoration: none;
    line-height: 20px; /* ajusta a altura do contêiner em relação à altura do texto */
    font-weight: bold; /* Adicionando negrito */
}

.navbar-links li a:hover {
    background-color: #000000;
    color: yellow; /* Altera a cor do texto para amarelo quando o mouse passa sobre o link */
}

/* Alteração para alterar o fundo do menu quando um submenu estiver selecionado */
.navbar-links li.dropdown:hover .dropdown-content {
    display: block;
    background-color: #000000; /* Altera o fundo do menu principal quando um submenu está ativo */
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 160px;
    z-index: 1;
    padding: 0; /* removendo o padding */
    left: 0; /* ajustando a posição */
}

/* Reduzindo o tamanho dos submenus para Aplicativos e Sites */
.dropdown-content.aplicativos {
    min-width: 120px;
}

.dropdown-content.sites {
    min-width: 120px;
}

.dropdown-content li {
    display: block;
}

.image-slider {
    text-align: center;
    margin: 0 auto; /* Centralizando horizontalmente */
    max-width: 700px; /* Definindo largura máxima */
    /*overflow: hidden; /* Esconder imagens que excedam a largura */
    position: relative; /* Necessário para posicionar as imagens */
}

.image-slider img {
    width: 100%; /* Alterado para preencher a largura do slider */
    height: auto; /* Alterado para manter a proporção da imagem */
    position: absolute; /* Posicionamento absoluto para sobrepor as imagens */
    top: 0; /* Definindo a posição superior */
    left: 0; /* Definindo a posição esquerda */
    transition: opacity 1s ease; /* Adicionando uma transição suave */
}

.lgpd-text {
    text-align: center;
    font-size: 12px;
    color: #000000;
    margin-top: 15px;
    font-weight: bold;
}

.lgpdindex-text {
    text-align: center;
    font-size: 12px;
    color: #000000;
    margin-top: 610px;
    font-weight: bold;
}

.lgpdIVS-text {
    text-align: center;
    font-size: 12px;
    color: #000000;
    margin-top: 0px;
    font-weight: bold;
}

.navbar-image {
    width: 250px; /* Ajuste conforme necessário */
    margin: 0px; /* Espaçamento entre a imagem e o menu */
    max-width: 100%;
    height: auto;
}

.centralized-image {
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 800px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 15px;
}

.centralizedindex-image {
    position: absolute;
    top: 250px; /* Posição superior em relação ao topo da página */
    left: 50%; /* Posiciona o elemento no meio horizontalmente */
    transform: translateX(-50%); /* Corrige a posição para centralizar */
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 750px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 15px;
}

.centralizedindexIVS-image {
    position: absolute;
    top: 430px; /* Posição superior em relação ao topo da página */
    left: 50%; /* Posiciona o elemento no meio horizontalmente */
    transform: translateX(-50%); /* Corrige a posição para centralizar */
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 750px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 15px;
}

.centralizedIVS-image {
    position: absolute;
    top: 1030px; /* Posição superior em relação ao topo da página */
    left: 50%; /* Posiciona o elemento no meio horizontalmente */
    transform: translateX(-50%); /* Corrige a posição para centralizar */
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 750px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 15px;
}

.centralized_Rodape_Index-image {
    position: absolute;
    top:885px; /* Posição superior em relação ao topo da página */
    left: 50%; /* Posiciona o elemento no meio horizontalmente */
    transform: translateX(-50%); /* Corrige a posição para centralizar */
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 790px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 15px;
}

.text-text {
    text-align: justify;
    font-size: 18px;
    color: #000000;
    margin-top: 30px;
    /*font-weight: bold;*/
    margin-left: 200px;
    margin-right: 200px;
}

.text-textIVS {
    text-align: justify;
    font-size: 18px;
    color: #000000;
    margin-top: 540px;
    /*font-weight: bold;*/
    margin-left: 200px;
    margin-right: 200px;
}

.text-text_IVS{
    text-align: center;
    font-size: 35px;
    color: #000000;
    margin-top: 0px;
    font-weight: bold;
    margin-left: 200px;
    margin-right: 200px;
    align-items: center;
}

.video-container {
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 100vh; /* Defina a altura desejada */
}

.Download-text {
    text-align: center;
    font-size: 14px;
    color: #000000;
    margin-top: 15px;
    font-weight: bold;
}

.News-text {
    text-align: left;
    font-size: 18px;
    color: #050f64;
    margin-top: 5%; /* Ajusta a margem superior em relação à altura da tela */
    margin-left: 5%; /* Ajusta a margem esquerda em relação à largura da tela */
    margin-right: 5%; /* Ajusta a margem direita em relação à largura da tela */
    margin-top: 25px;
    margin-left: 200;
    margin-right: 200;
  }

.responsive-img {
    max-width: 100%;
    height: auto;
}

.logo-image {
    display: block;
    margin: 0 auto; /* Centraliza horizontalmente */
    max-width: 800px; /* Para garantir que a imagem não ultrapasse a largura da viewport */
    margin-top: 5px;
}