.header {
    padding: 90px 20px;
    text-align: center;
    background: #6699FF;
    color: white;
    margin-top: 70px;
}

.header h1 {
    font-size: 40px;
    font-family: verdana;
}

.benefits {
    padding: 20px;
    background: #f8f8f8;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.benefits h2,
.plan h2 {
    color: #333;
}

.plan{
    padding: 20px;
    text-align: center;
}

.activation-fees {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonials {
    background-color: #f8f8f8;
    padding: 20px;
}

.testimonials p {
    font-style: italic;
}

.footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
}

/* Estilo padrão dos links */
a {
    color: #6699FF;
    /* Cor do texto do link */
    text-decoration: none;
    /* Remove o sublinhado do link */
    transition: color 0.3s;
    /* Suaviza a transição de cores */
}

/* Estilo dos links ao passar o mouse */
a:hover {
    color: #1abc9c;
    /* Cor do texto do link quando o mouse está em cima */
    text-decoration: underline;
    /* Adiciona sublinhado ao link */
}

/* Estilo dos links já visitados */
a:visited {
    color: #6699FF;
    /* Cor do texto dos links já visitados */
}

.container {
    text-align: left;
}

.responsive-img {
    width: 100%;
    /* faz a imagem ocupar 100% da largura do elemento pai */
    max-width: 600px;
    /* valor máximo da largura que a imagem pode ter */
    height: auto;
    /* mantém a proporção da imagem ajustando a altura automaticamente */
}