.card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px;
    text-align: center;
}

.card h2 {
    color: #333333;
    font-size: 24px;
    margin-bottom: 10px;
}

.card p {
    color: #666666;
    font-size: 18px;
    line-height: 1.6;
}

.card .highlight {
    color: #ff9900;
    font-weight: bold;
}

/* serviços */
.conteudo-servico {
    background-color: #5a5a5a; /* Cor de fundo */
    color: #fff; /* Cor do texto */
    padding: 20px;
    text-align: center;
}

.conteudo-servico h1 {
    font-size: 36px;
}

.conteudo-servico p {
    font-size: 18px;
    margin-bottom: 20px;
}

.text-servico{
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
}
.text-servico-intro{
    color: #000;
    font-size: 18px;
    line-height: 1.6;
}

.botao-cta {
    display: inline-block;
    padding: 10px 20px;
    background-color: #FFD700; /* Cor do botão */
    color: #333; /* Cor do texto do botão */
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px; /* Cantos arredondados */
}

.botao-cta:hover {
    background-color: #FFA500; /* Cor do botão ao passar o mouse */
}

/* Estilo para o div */
.servicos-div {
    background-color: #ccc;
    /* color: #FFFFFF; */
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-family: Arial, sans-serif;
}

/* Estilo para os títulos dos serviços */
.servico-titulo {
    font-size: 24px;
    margin-top: 10px;
}

/* Estilo para a descrição dos serviços */
.servico-descricao {
    font-size: 16px;
    margin-top: 10px;
}

/* Estilo para a div de créditos */
.creditos-div {
    text-decoration: #000;
    background-color: #E5E5E5;
    color: #333;
    padding: 10px;
    text-align: center;
    font-size: 14px;
  }

/* Estilo para destacar o link */
.creditos-div a {
    color: #800080; /* Cor roxa */
    text-decoration: underline;
  }