/* CARDS SERVIÇOS*/
.icon-hover {
color: var(--primary-color);; /* Cor inicial */
transition: color 0.3s, text-shadow 0.3s; /* Transições suaves para cor e sombra */
}

.card-hover-effect:hover .icon-hover {
    color: white; /* Muda para branco ao passar o mouse */
    text-shadow: 0 0 5px white, 0 0 10px white, 0 0 15px white; /* Efeito neon */
}

.card-hover-effect:hover .icon-hover,
.card-hover-effect:hover .card-title {
    color: white; /* Muda para branco ao passar o mouse */
}

.card-footer .icon-hover {
    color: var(--primary-color); /* Azul petróleo inicialmente */
    transition: color 0.3s; /* Transição suave */

}

.card-hover-effect:hover .card-footer .icon-hover {
    color: white; /* Muda para branco ao passar o mouse */
}

.card-hover-effect:hover {
background-color: var(--primary-color);/* Azul petróleo */
color: white; /* Fontes e ícones brancos */
}

.card-hover-effect:hover .card-footer {
background-color: #6c757d; /* Cinza para o card-footer */
}

.card-hover-effect:hover .icon-hover {
color: var(--primary-color);; /* Azul petróleo para ícones no card-footer */
}

.card-hover-effect .icon-link {
color: white; /* Cor padrão do link */
}

.card-hover-effect .icon-link:hover {
color: #19b04d; /* Cor do link ao passar o mouse */
}


.card-footer {
background-color: var(--primary-color); /* Fundo transparente inicialmente */
}

.card-footer .icon-hover {
color: white; /* Azul petróleo inicialmente */
transition: color 0.3s; /* Transição suave para a mudança de cor */
margin-top: -8px;
}

.card-hover-effect:hover .card-footer .icon-hover {
color: white; /* Muda para branco ao passar o mouse */
margin-top: -8px;
}
/* CARDS SERVIÇOS*/



/* CARDS CONTATO*/
.card {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.card-body i {
    transition: color 0.3s ease;
}

.card:hover .card-body i {
    color: var(--primary-color) !important;
}

/* CARDS CONTATO*/
