/******************/
/* REPLACE STYLE HERE */
h2, h3, h4, h5{
    font-weight: 400 !important;
}
.Bold{
    font-weight: 500 !important;
}
.curso-alert{
    display: none;
}
.img-clientes {
    flex: 1 0 16.666667%;
    padding: 0 15px;
}
.curso-single-cont {
    padding-left: 5em;
    padding-right: 2em;
}
@media screen and (max-width: 767px) {
    .img-clientes {
        position: relative;
        width: calc(50% - 30px) !important;
    }
    .curso-single-cont {
        padding-left: 0;
        padding-right: 0;
    }
}
/* Estilos para a caixa de contato */
.contact-box {
    width: 100%; /* Ajuste a largura conforme o layout da sua página */
    max-width: 600px; /* Limite a largura máxima para melhor visualização */
    margin: 20px auto; /* Centraliza a caixa e adiciona margem */
    padding: 25px;
    border: 1px solid #ddd; /* Borda suave */
    border-radius: 8px; /* Cantos arredondados */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Sombra suave */
    background-color: #f9f9f9; /* Fundo levemente cinza */
    font-size: 1.3rem;
}

/* Estilo do título */
.contact-box h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #333;
    border-bottom: 2px solid #ccc; /* Linha de destaque */
    padding-bottom: 10px;
}

/* Estilos para a lista */
.contact-list {
    list-style: none; /* Remove os marcadores de lista */
    padding: 0;
    margin: 0;
}

/* Estilos para cada item da lista */
.contact-item {
    display: flex; /* Permite alinhar o ícone e o texto lado a lado */
    align-items: flex-start; /* Alinha o conteúdo ao topo (útil para o endereço) */
    margin-bottom: 18px; /* Espaço entre os itens */
    line-height: 1.4;
}

/* Estilos para os ícones */
.contact-item i {
    color: #133d6e; /* Cor de destaque para os ícones (pode ajustar) */
    font-size: 1.2em; /* Tamanho do ícone */
    margin-right: 15px; /* Espaço entre o ícone e o texto */
    padding-top: 2px; /* Pequeno ajuste para alinhar melhor o ícone */
    min-width: 20px; /* Garante que o ícone tenha um espaço fixo */
    text-align: center;
}

/* Estilos para os links (telefone e email) */
.contact-item a {
    color: #333; /* Cor do texto do link */
    text-decoration: none; /* Remove o sublinhado */
    transition: color 0.2s; /* Transição suave para o hover */
}

.contact-item a:hover {
    color: #133d6e; /* Cor do link ao passar o mouse */
    text-decoration: underline; /* Adiciona sublinhado no hover */
}

/* Estilo específico para o bloco de texto do endereço */
.contact-item div {
    flex-grow: 1; /* Permite que o texto do endereço ocupe o espaço restante */
}