.header_mega {
    background-color: #209869;
    padding: 1rem;
    color: #fff;
}

.navbar_mega {
    display: flex;
    align-items: center;
}

.nav-links .sub-menu {
    display: none;
}

.nav-links .sub-menu.active {
    display: block;
}

.nav-links .main-menu .fas {
    margin-left: 5px;
}

.nav-links .main-menu.active .fas.fa-chevron-down,
.nav-links .main-menu .fas.fa-chevron-up {
    display: none;
}

hr {
    border: none;
    border-top: 2px solid #333; /* Cor da linha */
    margin: 20px 0; /* Espaçamento em cima e embaixo */
}

strong {
    display: block;
    text-align: center; /* Alinhamento centralizado */
    font-weight: bold;
    color: #555; /* Cor do texto em negrito */
    margin: 10px 0; /* Espaçamento em cima e embaixo do texto */
}

.footer {
    background-color: #209869;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-family: Roboto, sans-serif;
}

.cta-button {
    display: inline-block;
    padding: 1rem 2rem;
    background-color: #209869;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
}

.cta-button:hover {
    background-color: #209869;
}

/* Estilos para as tabelas */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

table, th, td {
    border: 1px solid #ccc;
}

th, td {
    padding: 0.5rem;
    text-align: center;
}

/* Estilos específicos para as tabelas */

.combination-content strong {
    font-weight: bold;
}

#combinations h1{
    margin-top: 2rem;
    margin-left: 1rem;
    font-family: Roboto, sans-serif;
}

#combinations p{
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 0.5rem;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    text-align: justify;
}

#probabilities h2,
#combinations h2 {
    margin-top: 2rem;
    margin-left: 40%;
}

#probabilities th,
#combinations th {
    background-color: #209869;
    color: #fff;
}

#probabilities th,
#probabilities td:nth-child(2),
#combinations td {
    width: 50%;
}

/* Adicionando regras de mídia queries para tornar o site responsivo */

@media screen and (max-width: 768px) {
  .navbar_mega {
    flex-direction: column;
  }

  .nav-links .sub-menu.active {
    display: block;
    position: relative;
  }

  .nav-links .sub-menu {
    position: static;
  }
}