/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 27 2026 | 11:47:04 */
/* CARD */
.servizio-card {
  position: relative;
  border-radius: 18px;
  transition: all 0.35s ease;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

/* HOVER CARD */
.servizio-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
}

/* ICONA */
.servizio-card .icon {
  transition: transform 0.35s ease, color 0.35s ease;
}

/* ICONA HOVER */
.servizio-card:hover .icon {
  transform: scale(1.15) rotate(-5deg);
  color: #4f6cff;
}

/* TITOLO – BASE */
.servizio-card .elementor-heading-title {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  transition: color 0.3s ease;
}

/* LINEA (parte dal centro) */
.servizio-card .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  background-color: #4f6cff;
  transform: translateX(-50%);
  transition: width 0.35s ease;
  border-radius: 2px;
}

/* HOVER TITOLO */
.servizio-card:hover .elementor-heading-title {
  color: #4f6cff;
}

/* HOVER LINEA */
.servizio-card:hover .elementor-heading-title::after {
  width: 100%;
}

/* BOTTONE */
.servizio-card .elementor-button {
  transition: all 0.3s ease;
}

/* BOTTONE HOVER */
.servizio-card:hover .elementor-button {
  background-color: #4f6cff;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(79, 108, 255, 0.25);
}